本文介绍了HTML中的表单元素，包括form、input、textarea、select和option，讲解了它们的用途和属性。表单主要用于收集用户信息，如单行文本框、密码文本框、单选框、复选框、按钮、文件上传、多行文本框和下拉列表。此外，还讨论了form的name、method、action、target属性，以及input的type、value等属性。
前面我们学习了各种各样的标签。不过使用这些标签做出来的都是静态页面，动态页面是没办法实现的。如果想要做出一个动态页面，我们就需要借助表单来实现。
表单是我们接触动态页面的第一步。其中表单最重要的作用就是在浏览器端收集用户的信息，然后将数据提交给服务器来处理。比如：注册登录、话费充值等。
表单标签有5种：form、input、textarea、select和option。其中input是单标签，其它是双标签。input、textarea、select、option标签必须要放在form标签内部。
表单根据外观划分的话有八种分别是：单行文本框、密码文本框、单选框、复选框、按钮、文件上传、多行文本框、下拉列表。
form标签
属性：
| 属性 | 说明 |
| name | 表单名称 |
| method | 提交方式 |
| action | 提交地址 |
| target | 打开方式 |
| enctype | 编码方式 |
(1)name：使用name属性来给表单命名。
(2)method：取值有两个：一个是“get”，另外一个是“post”。
(3)action：指定表单数据提交到哪一个地址进行处理。
(4)target：指定窗口的打开方式。
(5)enctype：一般情况下，我们不需要设置，除非用到上传文件功能。
input标签
属性：
| 属性 | 说明 |
| text | 单行文本框 |
| password | 密码文本框 |
| radio | 单选框 |
| checkbox | 多选框 |
| button、submit、reset | 按钮 |
| file | 文件上传 |
下边根据表单的外观，好好理解和学习。
单行文本框
单行文本框是使用input标签来实现的，其中type属性取值为“text” 。单行文本框有三个属性。
| 属性 | 说明 |
| value | 设置文本框默认值 |
| size | 设置文本框长度 |
| maxlength | 设置文本框最多输入字符数 |
根据这些属性，看个例子。
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>单行文本框title>
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
