html中如何获取表单的数据?

代码如下:
<form id="form1" name="form1" method="post" action="index.php
src=325&item=iframe&action=save&t=&lc=2" onsubmit="return check();" style="width:433px;height:301px">
<table width="433" height="301" cellpadding="0" cellspacing="0" style="background-image:url(images/sub_mi_expo_05.jpg); width:433px; height:301px;">
<tr>
<td height="70"></td>
</tr>
<tr>
<td width="105" align="right" height="40" class="font_color">您的姓名:</td>
<td align="left" width="102" style="width:102px; overflow:hidden;"><input type="text" id="name" name="name1" maxlength="8"/></td>
<td align="right" width="50" class="font_color" style="width:50px; overflow:hidden;">手机:</td>
<td align="left" width="176"><input type="text" id="phone" name="phone1" maxlength="11"/></td>
</tr>
<tr>
<td width="105" align="right" height="45" class="font_color">收票地址:</td>
<td colspan="3"><input type="text" id="address" name="address" maxlength="100" /></td>
</tr>
<tr>
<td width="105" align="right" height="35" class="font_color">快递时间:</td>
<td colspan="3"><input type="radio" name="express" value="3" checked="checked"/>任何一天 <input type="radio" name="express" value="1"/>工作日 <input type="radio" name="express" value="2"/>双休日 </td>
</tr>
<tr>
<td height="55"></td>
<td colspan="3"><p style="width:154px; text-align:center; float:left; height:37px; font-size:12px; color:#FF6666; overflow:hidden; line-height:34px; background-image:url(images/new_cdbm_12.jpg); background-repeat:no-repeat;">已有<font style="font-size:22px; color:#FF0000; font-family:Arial;"></font>人报名</p>
<p style="width:127px; height:37px;float:left;"><input type="submit" value="" id="order_sh" style=" cursor:pointer;background-image:url(images/TIJ_EXPO_NEW_06.jpg); border:0;width:127px; height:37px;" /></p></td>
</tr>
</table>
麻烦大神能写代码的写一下代码!谢谢。

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下:

<form action="form_action.php" 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的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_action.php" 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>
   console.log($('#bt1').val())
   console.log($('#bt2').val());
   </script>

2、其中$('#bt1').val()就是获取input输入内容的值

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-31

document.getElementById('b').value
或者
form1.a.value

在页面间传递,<script>function goURL(theform){  var gourl = "456.html"; 

gourl +="?p="+theform.username.value+"|"+theform.email.value; theform.action = 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(this.form)"></form> 在456.html页面用脚本叫URL问号后面的值分割后,再用"|"分割就得到username和email<script>function init(){   var url= document.location.href.split("?") 

temp =url.split("|");  

alert("UserName="+temp[0]+"\n"+"Email="+temp[1]); }</script><body onload=init()> </body>

本回答被网友采纳
第2个回答  2013-07-17
java中可以在后台通过request.getParameter(name);来获得;
如:<input type="text" id="name" name="name1" maxlength="8"/>
后台则根据input标签中name的名字来获得:
String name=request.getParameter("name1");
对于php原理也差不多,request中应该有对应方法去获得。
第3个回答  2013-07-18
$name = $_POST["name1"] ;

就可以取到数据了。
这个代码可以运行下去吗?你的路径存在问题,传的数据可能到不了你要的运行文件。追问

只需获取 您的姓名:手机:收票地址:就可以了值存在文本里

本回答被提问者采纳
第4个回答  2013-07-24
form标签要回来啊,它们是成对的标签呢

html中如何获取表单的数据?
html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。工具原料:编辑器、浏览器 一、使用表单的方法提交数据 1、利用form表单的action属性来获取表单的数据并提交,代码如下:<form action="...

HTML如何接收表单提交的数据?
1、第一步,打开Dreamweaver编辑器,准备一个空白html文件并编写基本html结构,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,创建一个表单,在表单中设置年龄和名称这两个属性,然后创建一个提交按钮,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,在上方设置script标签并在其...

html5表单数据如何获得
html5表单数据获得方法:1、首先,打开IDEA软件,并新建一个工程,建好后,右键创建一个html5文件,完成后便完成了最开始的工作;2、接着先熟悉一些较常用的表单标签:表单<form>, 输入域<input>,文本域<textarea>,按钮<button>,域的标题<legend>,控制标签<label>等。3、创建一个form,如图,...

在html静态页面中获取请求参数和参数值
1、首先我们准备好html文档,在其中写好form表单。2、接下来在后台方法中我们通过getParameter来获取请求的参数。3、然后我们启动Tomcat,选择Redeploy选项。4、然后我们就可以在后台的输出栏中看到输入的内容了。5、更改为${}来使用,运行成功,sql语句为:"select * from tbl_employee where id = 4 and ...

asp.net中怎样将html table单元格的值怎么取出来
第一种方式使用javascript提取,比如<table><tr><td id='td_val'>这是table里面的值<\/td><\/tr><\/table> 给要取值的那个td加一个id属性,比如上面的td我给得id='td_val',然后用document.getElementByID('td_val').innerHTML获取到td里面的所有内容,如果你是要获取到值后返回到后台插入数据,...

html中get和post的区别和使用
Post 方法通过 HTTP post 机制,将表单内各字段名称与其内容放置在 HTML 表头(header)内一起传送给服务器端交由 action 属性能所指的程序处理,该程序会通过标准输入(stdin)方式,将表单的数据读出并加以处理。2、 处理效率不同 Get 方式需要使用 Request.QueryString 来取得变量的值。而 Post 方式通过 ...

Python怎么通过html源代码获取表单中输入框的name值
可以通过import xml.etree.ElementTree,通过方法parse(HTML)获取根节点,再去find(输入框的xpath 路径)得到输入框Element 对象,最后通过Element.get(key=name)方法去读想要的属性值。

html JS 获取tr\/td 表单元素下面的各个值
这是获得每个tr 中td 的内容 <script> ('#myTableProduct tr').each(function(index,ele){ (this).find('td').each(function(index,ele){ alert($(ele).html());})})<\/script> 不用谢我 ---君少

html中用javascript将表单内容输出
获取表单对象,然后输出,用innerText,这样只有文字内容可能会没有样式。jQuery相对应的方法是$('#表单id').text()。

html中form表单使用POST提交数据是不是可以被查看到?
1、get和post中只有get会把表单传送的信息在浏览器地址栏显示,post是把信息放在了http流中发送。2、只不过get方法发送的数据会在url中显示类似于XXXX.XXXX.com\/admin.php?username=xxx&password=xxx而post方法发送的数据不会明显的显示出来,它会被隐藏到发送的报文中。如果实在不想让人看到发送数据的...

相似回答