html中submit提交到哪了
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中submit提交到哪了相关的知识，希望对你有一定的参考价值。
表格：table我们做数据统计的时候，都需要用到表格，table就是用来定义一个表格的，我们来设置一个表格：
<html>
<head>
<title>网站名称</title>
</head>
<body>
<table border="1">
<caption>我是表格标题</caption>
<thead>
<th>姓名</th>
<th>性别</th>
<th>联系地址</th>
</thead>
<tfoot>
<tr>
<td colspan="3">我是一个底部</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>小李</td>
<td>男</td>
<td>哈哈哈</td>
</tr>
<tr>
<td>小韩</td>
<td>女</td>
<td>美美</td>
</tr>
<tr>
<td>小张</td>
<td>男</td>
<td>哦哦哦</td>
</tr>
</tbody>
</table>
</body>
</html>
注：表格相关的元素很多，我们这里整理一下：
caption:用来设置表格标题；
thead:表示表格的头部区域；
th:表示表格的头部中的一个列；
tbody:表示表格的中间主要显示区域；
tr:表示表格的一个行；
td:表示表格的和个列；
tfoot:设置表格的脚部；
colspan:表示横跨几列；
表单：form
表单也是我们开发中经常用到的一个元素，我们登录时都是使用表单来向后台发送请求的，我们创建一个登录界面：
<html>
<head>
<title>网站名称</title>
</head>
<body>
<form action="/demo.php" method="get">
<div>
<input type="text" name="username"/>
</div>
<div>
<input type="password" name="password"/>
</div>
<button type="submit">登录</button>
</form>
</body>
</html>
注：form表单的元素介绍如下：
input:表示一个输入框，type属性用来表示此输入框的功能,text时表示输入的可见文件；password表示输入的是不可见到的密码；name属性用来设置后台语言用来获取此输入框的内容；
button:表示一个按钮，type:submit表示点击时会自动提交；提交到哪里呢？又是以什么方式提交呢？
我们看下form中的两个属性:
action:用来定义提交到的地址；
method:表示提交到后台语言时的提交方式,get或post，其他的还有put,delete 参考技术A html中submit提交到哪了
答案如下:html中submit提交到网上，第一是灵活变动，然后就可以了。 参考技术B 1. 首先,使用PHP的超级全局变量$Get和$Post收集表单数据
2. 然后使用insert into语句将新记录插入数据库表。
表单提交：button input submit 的区别
http://harttle.com/2015/08/03/form-submit.html
最近项目代码中的表单提交的方式已经百花齐放了，现在用这篇文章来整理一下不同表单提交方式的区别，给出最佳实践。先给结论：
- 建议使用
button[type=submit]来提交表单，而不是input； - 只有单行文本控件时，回车会引发表单提交；
- 通过
onsubmit事件可阻止表单提交。
input[type=submit]
这是最常见的提交方式。不多说了，看图：
图中可以看到点击提交按钮后的URL是/?key=foo。代码如下：
<form>
<input name=‘key‘>
<input value=‘ok‘ type=‘submit‘>
</form>
其中有些值得注意的细节：
- 设置
type=submit后，输入控件会变成一个按钮，显示的文字为其value值，默认值是Submit。 form[method]默认值为GET，所以提交后会使用GET方式进行页面跳转。input[type]默认值为text，所以第一个input显示为文本框。
input其实是一个由输入控件改装过来的按钮，这源于Web早期的简陋设计。我们给它设置name便可以验证这一点：
<input name=‘btn‘ value=‘ok‘ type=‘submit‘>
提交后的结果为：
注意其中的URL为/?key=foo&btn=ok。作为按钮的input控件同时被当做一个表单输入提交给了服务器。 它到底是交互控件还是数据控件呢？定位是有些不清晰。再加上它的样式难以定制、不可作为其他标签的容器， 所以建议不要用input作为表单提交按钮。
input的type属性还可以是button，这时它只是一个按钮，不会引发表单提交。
button[type=submit]
button的语义很明确，就是一个按钮不含数据，作用就是用户交互。但它也有type和value属性。 type的默认值是submit，所以点击一个button会引起表单提交：
<form>
<input name=‘key‘>
<button>确定</button>
</form>
注意！如果你在做IE浏览器的兼容，请记住
button[type]在IE中的默认值是button，这意味着它只是一个按钮而不会引发表单提交。
另外你可能已经注意到了，我们通过设置元素内容的方式来指定button的文字。这意味着button是一个容器控件， 其中可以包含任意的HTML标签，同时样式更容易定制。这也是为什么Bootstrap 文档中大量使用button作为示例的原因之一。
不幸的是，button居然也可以设置name和value。提交表单时，value会被作为表单数据提交给服务器。 在IE中，甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务器。种种乱象。。 button和input的相似还不止于此，button也可以设置type=reset，此时点击按钮会导致表单被重置（这还挺有用的）。 w3school给出了如下的示例：
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
对于button就不多说了，建议用button作为交互用的按钮，来提交表单。同时请注意设置type=submit来兼容IE。
IE 中
button标签的type属性默认为button。
Enter 键提交表单
Enter键是可以提交表单的！但是你可能已经注意到了，并非所有的表单都可以用Enter键来提交。来看HTML2.0 标准：
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
当表单中只有一个单行的文本输入控件时，用户代理应当接受回车键来提交表单。
“单行”指的是type为text而非textarea，显然在textarea中回车提交表单是怎样的难以接受！ 其实在实践中，有多个单行的input也可以用Enter提交，比如登录页面（太典型了，不仅是这样开发的，而且是这样使用的）。 要知道HTML2.0标准制定于1995，可以说这一句不起眼的条文影响着我的每次网站登录。W3C的这批人是有怎样的远见和智慧！
阻止表单提交
阻止表单提交也是一个常见的话题，通常用于客户端的表单验证。通用的办法是设置onsubmit：
<form onsubmit="return false;">
<input name=‘key‘>
<input value=‘ok‘ type=‘submit‘>
</form>
只需要在onsubmit的一系列语句最后返回false，便可以阻止它提交。 如果你希望调用一个方法来决定是否阻止提交，记得在此处返回方法的返回值：
<form onsubmit="return doValidation();">
<input name=‘key‘>
<input value=‘ok‘ type=‘submit‘>
</form>
上述代码只是为了示例，你可能更希望通过jQuery来绑定事件处理函数。
以上是关于html中submit提交到哪了的主要内容，如果未能解决你的问题，请参考以下文章
a标签 href提交表单： submit is not a function
html问题。一个FORM表单，怎样让submit验证指定数据，验证成功后在提交至指定页面中呢？