常用表单元素

                form:定义供用户输入的表单。

                fieldset:定义域。即输入区加有文字的边框。

                legend：定义域的标题，即边框上的文字。

                label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。

                input:定义输入域，常用。可设置type属性，从而具有不同功能。

                textarea:定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。

                button:定义一个按钮。

                select:定义一个选择列表，即下拉列表。

                option:定义下拉列表中的选项。

表单的种类

文本框: 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写信息或者简短的回答，如姓名、地址等。

代码格式：<input type="text" name="..." size="..." maxlength="..." value="..."

 属性解释：

                type="text"定义单行文本输入框；

                name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                size属性定义文本框的宽度，单位是单个字符宽度；

                maxlength属性定义最多输入的字符数。

                value属性定义文本框的初始值

多行文本框: 也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。

代码格式：<textarea name="..." cols="..." rows="..." wrap="VIRTUAL"></textarea>

属性解释：

                name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                cols属性定义多行文本框的宽度，单位是单个字符宽度；

                rows属性定义多行文本框的高度，单位是单个字符宽度；

                wrap属性定义输入内容大于文本域时显示的方式

密码框: 是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。

代码格式：<input type="password" name="..." size="..." maxlength="...">

               属性解释：

                type="password"定义密码框；

                name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                size属性定义密码框的宽度，单位是单个字符宽度；

                maxlength属性定义最多输入的字符数。

隐藏域: 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式：<input type="hidden" name="..." value="...">

属性解释：

                type="hidden"定义隐藏域；

                name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                value属性定义隐藏域的值

单选框: 当需要访问者在单选项中选择唯一的答案时，就需要用到单选框了。

代码格式：<input type="radio" name="..." value="...">

 属性解释：

                type="radio"定义单选框；

                name属性定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；

                value属性定义单选框的值，在同一组中，它们的域值必须是不同的。

复选框: 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。

代码格式：<input type="checkbox" name="..." value="...">

属性解释：

                type="checkbox"定义复选框；

                name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                value属性定义复选框的值

提交按钮: 提交按钮用来将输入的信息提交到服务器。

代码格式：<input type="submit" name="..." value="...">

属性解释：

                type="submit"定义提交按钮；

                name属性定义提交按钮的名称；

                value属性定义按钮的显示文字；

复位按钮: 复位按钮用来重置表单。

代码格式：<input type="reset" name="..." value="...">

属性解释：

                type="reset"定义复位按钮；

                name属性定义复位按钮的名称；

                value属性定义按钮的显示文字；

常用type属性：button、checkbox、hidden、image、password、checkbox、radio、reset、submit、text。

html5新增type属性：

（1）search：input会呈现为搜索框（与text类型的唯一区别在于当鼠标覆盖时尾部出现叉号可快速清除输入的内容）。

（2）tel：编辑电话号码的控件，提交时换行符会自动从输入框中去掉（普通的text并不会，故text类型验证输入值时一般需要trim()函数处理）。

（3）url：编辑url的控件，提交时换行符与首位的空格都将自动去除。

（4）email：可输入一个邮件地址。

什么是语义化，语义化之后文档会有什么效果呢？

语义化，顾名思义，就是你写的HTML结构，是用相对应的有一定语义的英文字母（标签）表示的，标记的，因为HTML本身就是标记语言。不仅对自己来说，容易阅读，书写。别人看你的代码和结构也容易理解，甚至对一些不是做网页开发的人来说，也容易阅读。