<表单>

---

实例:

例子1：
< !文章类型 网页> 
< 网页> 
< 主体> 

< 表单 action="https://www.w3school.com.cn//demo/demo_form.asp"> 
姓名:< 换行> 
< 输入 类型="文本" 名字="姓名" 值="赵立"> 
< 换行> 
密码:< 换行> 
< 输入 类型="文本" 名字="密码" 值="88888888"> 
< 换行> < 换行> 
< 输入 类型="下标m斜体t" 值="提交"> 
< /表单> 

< 段落> 如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。< /段落> 

< /主体> 
< /网页> 

---

浏览器支持

元素	Chrome（谷歌）	IE（微软）	Firefox（火狐）	Safari	Opera
<表单>	是	是	是	是	是

所有浏览器都支持 <表单> 标签。

属性

新 :网页5（html5）中的新属性。

属性	值	描述
accept	MIME_type	网页5（html5） 中不支持。
接受字符集	字符集列表	规定服务器可处理的表单数据字符集。
提交地址	本地地址	规定当提交表单时向何处发送表单数据。
自动完成	开 关	规定是否启用表单的自动完成功能。
编码类型	见说明	规定在发送表单数据之前如何对其进行编码。
方法	获取 传递	规定用于发送 表单-数据 的 HTTP 方法。
名字	表单_名字	规定表单的名称。
不验证	不验证	如果使用该属性，则提交表单时不进行验证。
功能	外部 帮助 许可 下一个 不跟随 禁止首开启 不推荐 首开启 上一个 搜索	规定链接资源和当前文档之间的关系。
目标	新窗口 本窗口 父窗口 顶级窗口 指定窗口	规定在何处打开 提交地址 本地地址。

 

---

定义和用法

<表单> 标签用于为用户输入创建 网页 表单。

表单能够包含 输入 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 设置菜单列表、文本框、表单边框、表单边框标题 和 输入标注 元素。

表单用于向服务器传输数据。

---

提示和注释

注释：表单 元素是块级元素，其前后会产生折行。

全局属性

<表单> 标签支持 网页 中的全局属性。

事件属性

<表单> 标签支持 网页 中的事件属性。

---

 实例

文本域(文本单行)

本例演示如何在HTML页面创建文本域。用户可以在文本域写入文本。

<网页>

<主体>

<表单>
名：
<输入 类型=“文本“ 名字=“名“>
<换行 />
姓：
<输入 类型=“文本“ 名字=“姓“>
</表单>

</主体>
</网页>

密码域

本例演示如何创建HTML的密码域。

<网页>

<主体>

<表单>
用户：
<输入 类型=“文本“ 名字=“用户名“>
<换行 />
密码：
<输入 类型=“密码“ 名字=“密码“>
</表单>
<段落>
请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。
</段落>
</主体>
</网页>

复选框

本例演示如何在HTML页中创建文本框。用户可以选中或取消选取复选框。

<网页>

<主体>

<表单>
我喜欢自行车：
<输入 类型=“复选框" 名字=“自行车“>
<换行 />
我喜欢汽车：
<输入 类型=“复选框" 名字=“车“>
</表单>

</主体>
</网页>

单选按钮

本例演示如何在HTML中创建单选按钮。

<网页>

<主体>

<表单>
男性：
<输入 类型=“单选框“ 选中元素=“选中元素“ 名字=“性别“ 值=“男“ />
<换行 />
女性：
<输入 类型=“单选框“ 名字=“性别“ 值=“女“ />
</表单>

<段落>当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。</段落>

</主体>
</网页>

简单的下拉列表

本例演示如何在HTML页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

<网页>

<主体>

<表单>
<选择列表 名字=“汽车“>
<选项 值=“沃尔沃“>沃尔沃</选项>
<选项 值=“奔驰“>奔驰</选项>
<选项 值=“宝马“>宝马</选项>
<选项 值=“奥迪“>奥迪</选项>
</选择列表>
</表单>

</主体>
</网页>

另一个下拉列表

本例演示如何创建一个简单的带有预选值的下拉列表。（注：预选值指预先指定的首选项。）

<网页>

<主体>

<表单>
<选择列表 名字=“汽车“>
<选项 值=“沃尔沃“>沃尔沃</选项>
<选项 值=“奔驰“ 选择=“选择“>奔驰</选项>
<选项 值=“菲亚特“ >菲亚特</选项>
<选项 值=“奥迪“>奥迪</选项>
</选择列表>
</表单>

</主体>
</网页>

文本域(文本多行)

本例演示如何创建一个文本域（多行文本输入控制）。用户可以在文本域中写入文本。在文本域中，可写入的字符字数不受限制。

<!文章类型 网页>
<网页>
<头部>
</头部>
<主体>
<段落>
此示例无法编辑因为我们的编辑器使用文本区域作为输入，并且您的浏览器不允许文本区域内的文本区域。
</段落>

<文本框 行高=“10“ 列宽=“30“>
猫在花园里玩。
</文本框>
</主体>
</网页>

创建按钮

本例演示如何创建按钮。你可以对按钮上的文字进行自定义。

<网页>

<主体>

<表单>
<输入 类型=“按钮“ 值=“确定“>
</表单>

</主体>
</网页>

围绕数据的表单边框

本例演示如何在数据周围绘制一个带标题的框。

<!文章类型 网页>
<网页>

<主体>

<表单>
<表单边框>
<表单边框标题>健康信息</表单边框标题>
身高：<输入 类型=“文本“ />
体重：<输入 类型=“文本“ />
</表单边框>
</表单>

<段落>如果表单周围没有边框，说明您的浏览器太老了。</段落>

</主体>
</网页>

带有输入框和确认按钮的表单

本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。

<!文章类型 网页>
<网页>
<主体>
<表单 提交地址=“https://www.w3school.com.cn/demo/demo_form.asp“>
first name:<换行>
<输入 类型=“文本“ 名字=“firstname“ 值=“米奇">
<换行>
last name:<换行>
<输入 类型=“文本“ 名字=“lastname“ 值=“鼠标“>
<换行><换行>
<输入 类型=“提交“ 值=“提 交“>
</表单>
<段落>如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。</段落>
</主体>
</网页>

带有复选框的表单

此表单包含两个复选框和一个确认按钮。

<网页>

<主体>

<表单 名字=“input“ 提交地址=“https://www.w3school.com.cn/html/html_form_action.asp“ 方法=“获取“>
我有一辆自行车:
<输入 类型=“复选框“ 名字=“vehicle“ 值=“bik“ 选中元素=“选中元素“ />
<换行 />
我有一辆小轿车:
<输入 类型=“复选框“ 名字=“vehicle“ 值=“car“ />
<换行 />
我有一架飞机:
<输入 类型=“复选框“ 名字=“vehicle“ 值=“airplane“ />
<换行 /><换行 />
<输入 类型=“提交“ 值=“提 交“ />
</表单>

<段落>如果您点击 “提 交“ 按钮，您将把输入传送到名为https://www.w3school.com.cn//html/html_form_action.asp 的新页面。</段落>

</主体>
</网页>

带有单选按钮的表单

此表单包含两个单选框和一个确认按钮。

<!文章类型 网页>
<网页>
<主体>

<表单>
<输入 类型=“单选框“ 名字=“性别“ 值=“男人“ >男人
<换行>
<输入 类型=“单选框“ 名字=“性别“ 值=“女人“ 选中元素>女人
</表单>

</主体>
</网页>

从表单发送电子邮件

此例演示如何从表单发送电子邮件。

<网页>

<主体>
<表单 提交地址=“MAILTO:someone@w3school.com.cn“ 方法=“传递“ 编码类型=“文本/plain">

<标题3>这个表单会把电子邮件发送到 w3school。</标题3>
姓名：<换行 />
<输入 类型=“文本“ 名字=“名字“ 值=“yourname“ 大小=“20“>
<换行 />
电邮：<换行 />
<输入 类型=“文本“ 名字=“邮件“ 值=“yourmail“ 大小=“20“>
<换行 />
内容：<换行 />
<输入 类型=“文本“ 名字=“内容“ 值=“yourcomment“ 大小=“40“>
<换行 /><换行 />
<输入 类型=“提交“ 值=“发送“>
<输入 类型=“reset“ 值=“重置“>

</表单>
</主体>
</网页

 

---