2021-09-11 17:58:30

HTML表单 免费编辑 添加义项名

B 添加义项
?
义项指多义词的不同概念,如李娜的义项:网球运动员、歌手等;非诚勿扰的义项:冯小刚执导电影、江苏卫视交友节目等。 查看详细规范>>
所属类别 :
元素
元素
编辑分类

HTML 表单用于搜集不同类型的用户输入。HTML5 Input,拥有多个新的表单输入类型,提供了更好的输入控制和验证。

基本信息

  • 中文名称

    HTML表单

  • 外文名称

    HTML FORM

  • 解释

    包含表单元素的区域

  • 作用

    搜集不同类型的用户输入

  • 学科

    计算机

折叠 编辑本段 表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框复选框等等)输入信息的元素。

表单使用表单标签()定义。

折叠 编辑本段 Input类型

HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

1.Input 类型- email

email 类型用于应该包含e-mail 地址的输入域。在提交表单时,会自动验证email 域的值。

2.Input 类型- url

url 类型用于应该包含URL 地址的输入域。在提交表单时,会自动验证url 域的值。

3.Input 类型- number

number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定:

4.Input 类型- range

range 类型用于应该包含一定范围内数字值的输入域。

range 类型显示为滑动条。

您还能够设定对所接受的数字的限定:

5.Input 类型- Date Pickers(数据检出器)

HTML5 拥有多个可供选取日期和时间的新输入类型:

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC 时间)

datetime-local - 选取时间、日、月、年(本地时间)

6.Input 类型- search

search 类型用于搜索域,比如站点搜索或Google 搜索。

search 域显示为常规的文本域。

折叠 编辑本段 输入

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

折叠 文本域

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

浏览器显示如下:

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

折叠 单选按钮

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

浏览器显示如下:

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

如下:

折叠 复选框

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

浏览器显示如下:

折叠 密码字段

密码字段通过标签 来定义:

注意:密码字段字符不会明文显示,而是以星号或圆点替代。

折叠 编辑本段 其他组成

折叠 确认按钮

当用户单击确认按钮(submit)时,表单的内容会被传送到另一个文件。

折叠 动作属性

表单的动作属性(action)定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

浏览器显示如下:

Username:

如下:

假如您在上面的文本框内键入几个字母,并且点击确认按钮,那么输入数据会被传送到名为 "html_form_action.asp" 的页面。那一页将显示出输入的结果。

折叠 编辑本段 表单标签

带"#"的为 HTML5 中的新标签。

标签

描述


定义供用户输入的表单


定义输入域


定义文本域 (一个多行的输入控件)


定义一个控制的标签


定义域


定义域的标题


定义一个选择列表


定义选项组


定义下拉列表中的选项


定义一个按钮


已废弃,由代替。

(#)

指定一个预先定义的输入控件选项列表

(#)

定义了表单的密钥对生成器字段

(#)

定义一个计算结果

阅读全文

热点资讯