HTML中的表单form标签
HTML 表单⽤于搜集不同类型的⽤户输⼊。
HTML 表单包含表单元素，表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
(⼀) <form> 元素
<form>元素⽤以定义HTML表单<form>.... </form>
1. action 属性
action 属性定义在提交表单时执⾏的动作。
向服务器提交表单的通常做法是使⽤提交按钮，通常，表单会被提交到 web 服务器上的⽹页。在上⾯的例⼦中，指定了某个服务器脚本来处理被提交表单.
如果省略 action 属性，则 action 会被设置为当前页⾯。
method 属性规定在提交表单时所⽤的 HTTP ⽅法（GET 或 POST）：
<form action="action_page.php" method="GET">
或
<form action="action_page.php" method="POST">
（⼆）<input>元素
<input>元素定义输⼊域，根据不同的type属性，相应的input元素有很多形态，(
name 属性：如果要正确地被提交，每个输⼊字段必须设置⼀个 name 属性。)html中提交表单用什么属性
属性值：
text⽂本输⼊
radio 单选按钮输⼊（选择唯⼀）
submit提交按钮（提交表单）
checkbox复选框
password密码输⼊
1、⽂本输⼊
<input type="text"> 定义⽤于⽂本输⼊的单⾏输⼊字段，实例：
表现效果（表单本⾝并不可见，⽂本字段的默认宽度是 20 个字符）
2、单选按钮输⼊
<input type="radio"> 定义单选按钮，有限数量的选项中选择其中之⼀，实例：
表现效果
3、提交按钮
<input type="submit"> 定义⽤于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含⽤来处理输⼊数据的脚本的服务器页⾯。
表现效果
4、密码输⼊
<input type="password"> 定义密码字段区域
表现效果（密码字段中的字符是隐藏的(显⽰为星号或圆圈)）
5、复选框（Checkboxes）
<input type="checkbox"> 定义了复选框. 从若⼲给定的选择中选取⼀个或若⼲选项。
表现效果
（⼆）<textarea> 元素
<textarea>定义⼀个多⾏的⽂本输⼊控件，⽂本区域中可容纳⽆限数量的⽂本，其中的⽂本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺⼨⼤⼩，不过更好的办法是使⽤ CSS 的 height 和 width 属性
表现效果
（三）<button>元素
<button> 标签定义⼀个按钮。
在 <button> 元素内部可以放置内容，⽐如⽂本或图像。这是该元素与使⽤ <input> 元素创建的按钮之间的不同之处。
提⽰：请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使⽤不同的默认值。
表现效果
（四） <select>元素
<select> 元素⽤来创建下拉列表。
<select> 元素中的 <option> 标签定义了列表中的可⽤选项。<select> 元素是⼀种表单控件，可⽤于在表单中接受⽤户输⼊
表现效果
（五） <fieldset> 组合表单数据
<fieldset> 元素组合表单中的相关数据
<legend> 元素为 <fieldset> 元素定义标题。
代码
<form action="action_page.php">
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form>
表现效果
（七）datalist 元素
datalist 元素规定输⼊域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输⼊域，请⽤输⼊域的 list 属性引⽤ datalist 的 id：
表现效果
（七）keygen 元素
keygen 元素的作⽤是提供⼀种验证⽤户的可靠⽅法。
keygen 元素是密钥对⽣成器（key-pair generator）。当提交表单时，会⽣成两个键，⼀个是私钥，⼀个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可⽤于之后验证⽤户的客户端证书（client certificate）。⽬前，浏览器对此元素的糟糕的⽀持度不⾜以使其成为⼀种有⽤的安全标准
（⼋）output 元素
output 元素⽤于不同类型的输出，⽐如计算或脚本输出

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。