html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。
工具原料：编辑器、浏览器
一、使用表单的方法提交数据
1、利用form表单的action属性来获取表单的数据并提交，代码如下：
1
2
3
4
5
<form action="form_actionphp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。
二、使用JavaScript方法来获取表单的数据的方法
1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：
1
2
3
4
5
6
7
8
9
<form action="form_actionphp" method="get">
<p>First name: <input id="bt1" type="text" name="fname" /></p>
<p>Last name: <input id="bt2" type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
<script>
consolelog($('#bt1')val())
consolelog($('#bt2')val());
</script>
2、其中$('#bt1')val()就是获取input输入内容的值
获取form表单提交上来的数据可以采用以下方法：
控制层相关代码：requestgetParameter("userName");
(注：userName是from表单中name属性的值)
jsp页面中form表单相关代码：
获取值：
文本框，文本区域：$("#txt")attr("value")；
多选框checkbox：$("#checkbox_id")attr("value")；
单选组radio： $("input[@type=radio][@checked]")val();
下拉框select： $('#sel')val();
控制表单元素：
文本框，文本区域：$("#txt")attr("value",'');//清空内容
$("#txt")attr("value",'11');//填充内容
多选框checkbox： $("#chk1")attr("checked",'');//不打勾
$("#chk2")attr("checked",true);//打勾
if($("#chk1")attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option
$("#sel")empty()；//清空下拉框
documentgetElementById('b')value
或者
form1avalue
在页面间传递，<script>function goURL(theform){ var gourl = "456html";
gourl +="p="+theformusernamevalue+"|"+theformemailvalue; theformaction = gourl; return true;
}</script><form method=get onsubnit="return goURL(this);
"><input type=text name=username><input type=text name=email><input type=button value=提交
onclick="goURL(thisform)"></form> 在456html页面用脚本叫URL问号后面的值分割后，再用"|"分割就得到username和email<script>function init(){ var url= documentlocationhrefsplit("")
temp =urlsplit("|");
alert("UserName="+temp[0]+"\n"+"Email="+temp[1]); }</script><body onload=init()> </body>
request分2种。
1表单的requestform,写法：requestform("这里写入前面表单内组件的名称")
比如：文本框名称NAME，那就是requestform("NAME")
2地址栏的requestquerystring,写法同上，只是在地址栏中传递参数的时候能用的上。
以上就是关于html怎么获取html表单数据全部的内容，包括:html怎么获取html表单数据、form怎么在提交的时候获取数据、jquery怎么获取表单所有数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）