首页 > PHP资讯 > HTML5培训技术 > js表单提交

js表单提交

HTML5培训技术

做考试 的时候,需要将拼接表传到后台,发现拼接的表后天是无法直接获取,不回发。问了下他们以前做过的,了解到了表单的提交。下面就来说下表单

表单中一般具有的内容有

文本框,单选按钮,多选按钮,按钮和下拉列表


如果想插入一些元素,首先需要插入表单域,才能添加其他的元素.

点击某按钮触发一些js函数,如果标记呢

触发事件一般是OnClick="";这里标记的是一个函数,必须写在标记中.实例如下:


 <script language="javascript" type="text/javascript">function update(){//自定义函数alert("大家好,欢迎到来");}《script》

获取表单中的值一般用的是Doucment


Document是window对象下面的子对象,他指的是页面中工具栏以下的空白区域的位置 。


获取方式

document.表单名称.文本框mingcheng.value;

或是 document.getElementById("ID名称").value

表单的提交

form的 submit方法是提交的按钮。也是写在函数中的


Function doUpdate(){Var formID=document.getElementById('form的ID').value; //获取表单ID//if判断是否为空,不为空才提交If(formID!=" "){ document.forms[ "form1" ].action="链接的地址或是页面?monthod=post"//提交的地址和方式 document.getElementById('form的ID').submit();//表单提交的动作}

小结:这个小结是为了和以后的Jquery的表单提交做对比的,Jquery表单的提交要比JS的方便并且提交的参数也有很多,后续请继续关注Jquery的表单提交的不同。

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持7不支持0