本文介绍了HTML表单的基础知识，包括表单的作用、结构和常见控件。详细讲解了输入型控件如文本框、文本域、HTML5新增输入类型，选择型控件如单选按钮、复选框、下拉列表以及HTML5的新增选择型控件。此外，还讨论了事件型控件如按钮，以及表单控件的常用属性，如value、readonly、disabled等。最后，探讨了表单的样式美化和登录界面实例。
HTML表单结构
定义：表单是手机用户数据信息的各种表单元素的集合区域。
作用：实现网页上的数据交互，手机客户端输入的数据信息，提交到网站服务器端进行处理。
最常见的应用：1. 注册/登录 2. 搜索 3. 留言/评论 4. 文件上传/文章编辑
结构：表单区域+表单控件（表单元素）
表单标签：<forem> 双标签，块状元素。用来定义网页中的交互输入的区域（表单区）。所有的表单控件必须包含在<form>元素中。
<form>基本属性：
name属性和id属性的区别：
1. id在页面中具有唯一性，name可以重复
2. name主要对应服务器端，用于对提交到服务器后的表单数据进行标志。要实现数据交互功能，表单和表单控件都需要使用name属性。
3. name的另一个功能是对应脚本（javascript），来处理表单中的各种数据值。而id主要对应css样式的应用。HTML：表单控件
1. 输入型控件：用户在控件中可以直接输入数据信息
通用文本输入型控件：
1.文本框（单行文本）：<input>标签创建文本框，type属性指定其具体类型，单标签，一个<input>代表一个表单控件。
2.文本域（多行文本）：<textarea>标签创建文本域。双标签，创建一个可以输入多行文本内容的区域。没有value属性，标签形成的区域中放置的内容实际上就是value的值。创建的文本域有默认样式，可以通过CSS来控制和修改。
HTML5新增输入型控件&#
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
