HTML 表单的用法

HTML 表单用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
<form> hello world... </form>

多数情况下被用到的表单标签是输入标签(<input>)。
输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

<form action=""> name: <input type="text" name="username"> password: <input type="text" name="password"> </form>

密码字段

<form> Password: <input type="password" name="pwd"> </form>

单选按钮(Radio Buttons)

<form>
<input type="radio" name="sex" value="man">boy
<input type="radio" name="sex" value="man">girl
</form>
```
####复选框(Checkboxes)
```
<form>
<input type="checkbox" name="game" value="lol">I like lol<br>
<input type="checkbox" name="game" value="dota">I like dota 
</form>
```
####提交按钮(Submit Button)
```
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
```
####HTML 表单标签
```
[<form>]
定义供用户输入的表单

[<input>]
定义输入域

[<textarea>]
定义文本域 (一个多行的输入控件)

[<label>]
定义了 <input> 元素的标签,一般为输入标题

[<fieldset>]
定义了一组相关的表单元素,并使用外框包含起来

[<legend>]
定义了 <fieldset> 元素的标题

[<select>]
定义了下拉选项列表

[<optgroup>]
定义选项组

[<option>]
定义下拉列表中的选项

[<button>]
定义一个点击按钮

[<datalist>](HTML5新标签)
指定一个预先定义的输入控件选项列表

[<keygen>](HTML5新标签)
定义了表单的密钥对生成器字段

[<output>](HTML5新标签)
定义一个计算结果
```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。 表单元素通常包括文本域(text...
    yangjie727阅读 2,994评论 0 0
  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 2,767评论 0 0
  • 1.简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单元素通常包括文本域(textar...
    _思铭阅读 1,020评论 0 0
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,203评论 0 1
  • 据说主人要带我去参加一场走秀活动,把我推荐给更多的人,当听到这个消息的时候,心里简直要乐开花了。说句实话,其实没有...
    残剑阅读 3,339评论 0 3