经典Html教程(6)

2019-03-21 17:29

输入

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

文本域(Text Fields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。

浏览器显示如下:

First name: Last name: 注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

单选按钮(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。

浏览器显示如下:

Male

Female

注意,只能从中选取其一。

复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

浏览器显示如下:

I have a bike

I have a car

表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

浏览器显示如下:

Username: 提交 假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 \的页面。该页面将显示出输入的结果。

更多实例

复选框

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

单选按钮

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

简单的下拉列表

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

另一个下拉列表

本例演示如何创建一个简单的带有预选值的下拉列表。(编者注:预选值指预先指定的首选项。)

文本域(Textarea)

本例演示如何创建文本域(多行文本输入控件)。用户可在文本域中写入文本。可写入字符的字数不受限制。

创建按钮

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

Fieldset around data

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

表单实例

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

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

带有复选框的表单

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

带有单选按钮的表单

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

从表单发送电子邮件

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

表单标签

标签