HTML表单及其Input输入类型

HTML 表单用于搜集不同类型的用户输入。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证，今天将为大家带来HTML中的表单及其input输入类型。

一、HTML表单

1、HTML表单用于收集不同类型的用户输入，是一个包含表单元素的区域并且允许用户在表单中输入内容，比如文本域（textarea）、下拉列表、单选框（radio=buttons）、复选框（checkboxes）等。

2、表单使用标签

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

first name 不会被提交，因为此 input 元素没有 name 属性。

运行结果：

HTML表单及其Input输入类型

5、target 属性

target 属性规定提交表单后在何处显示响应，target 属性可设置以下值之一：

HTML表单及其Input输入类型

默认值为 _self，这意味着响应将在当前窗口中打开。

6、Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值，示例：

HTML表单及其Input输入类型

运行结果：

HTML表单及其Input输入类型


7、所有

请注意表单本身是不可见的。

同时请注意文本字段的默认宽度是 20 个字符。

运行结果：

HTML表单及其Input输入类型

②　单选按钮输入（radio），示例：

运行结果：

HTML表单及其Input输入类型

HTML表单及其Input输入类型

③　提交按钮（submit），示例：

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

运行结果：

HTML表单及其Input输入类型

2、元素定义下拉列表，示例：

运行结果：

HTML表单及其Input输入类型

3、

元素

元素组合表单中的相关数据

元素为

元素定义标题，示例：

运行结果：

HTML表单及其Input输入类型

4、