HTML 表单用于搜集不同类型的用户输入。
实例
本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
用户:
密码:
本例演示如何创建 HTML 的密码域。表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(
)定义。...
input 元素
...
输入
多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
文本域(Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
First name:
Last name:
浏览器显示如下:
First name:
Last name:
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
Male
Female
浏览器显示如下:
Male
Female
注意,只能从中选取其一。
复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
I have a bike
I have a car
浏览器显示如下:
I have a bike
I have a car
表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
Username:
浏览器显示如下:
Username:
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.asp" 的页面
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
Volvo
Saab
Fiat
Audi
本例演示如何创建一个简单的带有预选值的下拉列表。(编者注:预选值指预先指定的首选项。)
Volvo
Saab
Fiat
Audi
本例演示如何创建文本域(多行文本输入控件)。用户可在文本域中写入文本。可写入字符的字数不受限制。本例演示如何创建按钮。你可以对按钮上的文字进行自定义。本例演示如何在数据周围绘制一个带标题的框。健康信息:
身高:
体重:
如果表单周围没有边框,说明您的浏览器太老了。
健康信息:
身高:体重:
如果表单周围没有边框,说明您的浏览器太老了。
表单实例
本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。此表单包含两个复选框和一个确认按钮。此表单包含两个单选框和一个确认按钮。此例演示如何从表单发送电子邮件。
这个表单会把电子邮件发送到 W3School。
姓名:
电邮:
内容:
这个表单会把电子邮件发送到 W3School。姓名:
电邮:
内容:
表单标签
标签
描述
定义供用户输入的表单
定义文本域 (一个多行的输入控件)
定义一个控制的标签
定义一个选择列表
定义下拉列表中的选项
已废弃。由 代替。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性
值
描述
DTD
mime_type
规定通过文件上传来提交的文件的类型。
STF
left
right
top
middle
bottom
不赞成使用。规定图像输入的对齐方式。
TF
text
定义图像输入的替代文本。
STF
checked
规定此 input 元素首次加载时应当被选中。
STF
disabled
当 input 元素加载时禁用此元素。
STF
number
规定输入字段中的字符的最大长度。
STF
field_name
定义 input 元素的名称。
STF
readonly
规定输入字段为只读。
STF
number_of_char
定义输入字段的宽度。
STF
URL
定义以提交按钮形式显示的图像的 URL。
STF
button
checkbox
file
hidden
image
password
radio
reset
submit
text
规定 input 元素的类型。
STF
value
规定 input 元素的值。
STF