HTML 表单

许多美好等待着你..

目录

1. 表单是什么
2. 表单如何工作
3. 表单简例

---

表单

网页表单允许用户将信息发送到Web服务器计算机上的特殊程序。
尽管在网页中编写描述表单的HTML是比较容易的，但它所传达的程序必须由计算机程序员编写或者购买。在任何情况下，该程序不是HTML的一部分。本页将仅描述实施工作Web表单的HTML部分。

如何工作

表单是一个form标签，里面包含各种表单控件标签，包括文本输入字段，各种按钮，文件选择控件和菜单。（您可能已经熟悉所有这些来自您访问的页面。）用户键入文本字段，单击按钮并从菜单中选择项目。最后，用户提交表单，通常通过点击特殊的提交按钮。
提交后面的确切操作由form标记指定 。一般情况下，用户的浏览器会以表单的形式收集所有控件的设置，并将收集的信息发送到标签指定的站点form，然后等待服务器进行响应。响应采用新的HTML文档的形式，浏览器然后显示给用户。
单个网页可能包含多个表单。但是，提交给服务器的信息来自单击“提交”按钮的表单。

表单例子

<pre>
<textarea>文字区域：
<pre>```
<textarea id="输入框" rows="10" cols="10">

</textarea>

文本区：
<pre>```
<input type="text" value="hello" id="text"/>
```</pre>
密码字段：
<pre>```
<input type="password" value="" id="mypass"/>
```</pre>
按键：
<pre>```
<input type="button" value="按我" id="push"/>
```</pre>
单选按钮：
<pre>```
<input type="radio" id="radio" />
```</pre>
复/多选框：
<pre>```
<input type="checkbox" id="checkbox" />
```</pre>
提交按钮：
<pre>```
<input type="submit" value="OK" id="提交" />
```</pre>
文件选择：
<pre>```
<input type="file" value="Browse..." id="myGetFile" />
```</pre>
菜单选择：
<pre>```
<select id="select" >
 <option value =""a>item a</option>
 <option value = "b">item b</option>
 <option value = "c" selected>item c</option>
</select>
```</pre>
文字标签：
<pre>```
<label for="myMenu">a Label</label>
```</pre>

[更多详细介绍地址：https://developer.mozilla.org/zh-TW/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form](https://developer.mozilla.org/zh-TW/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form)