form表单学习记录

网页通过表单获取数据和提交数据，通过action制定form表单的内容发送到指定的那个地址，但是要求form表单中的需要提交数据的标签都存在name属性和属性值。

制作表单时，我们会为表单添加一个框，让访问者更好的识别出表单的大小。我们可以在我们所需要的位置上用<fieldset>和</fieldset>包括起来，在<fieldset></fieldset>中还有一个标签可以来给这个框添加一个可视的标题，<legend></legend>。在legend中输入的内容将作为这个表单框的标题显示出来。

在form表单中我们会添加很多的 input 标签，在HTML5中，input 标签的 type 属性值有新的几个功能，包括date、url、color、range、……但是因为这些功能在较多的浏览器中无法兼容，所以我们一般不使用HTML5中input的type新属性值。

在form表单中，除了input标签之外，还有使用比如多行输入框，<textarea></textarea>。这个标签代表的多行文本框，在使用时，这个文本框有固定的宽度和高度，里面的文字是可以一直输入的。我们也可以通过在 textarea 中添加 cols 属性，这个属性的属性值代表了多行文本框一行可以输入的字符数。在 textarea 中添加
rows 属性，这个属性的属性值代表了多行文本框的高度有多少行，但是这个属性值只是代表这个多行文本框的高度有多高，文本框中的内容还是可以一直添加的。(⊙o⊙)

多行文本框默认情况下是可以通过鼠标拉动右下角进行自动缩放的，后期如果想要固定住多行文本框的大小防止访问者改变其大小，我们可以通过CSS样式表设置其resize的属性值为none;
 ~\(≧▽≦)/~

form表单中还可以添加下拉菜单框，下拉菜单框的标签<select></select>，在<select>和</select>中添加<option></option>代表下拉菜单中的每一项，里面的每一项内容都按照顺序向下排列。从一般情况下，用户是可以正常识别的，但是下拉菜单框中的内容如果分类的比较多了，这个时候访问者很难识别哪个是哪个，那么，我们就需要为我们下拉菜单进行分类，我们可以将我们要归为一类的菜单项用<optgroup>和<optgroup>包裹起来（optgroup是选项组的意思），也就是<optgroup><option></option></optgroup>。

通过在optgroup中添加value属性，value的属性值将显示在我们包裹的选项前面，所以一般我们将value属性值设置为我们分类的标题。

进度条标签也常常出现在我们的form表单中，进度条的标签为<meter></meter>，进度条可以设置其最大值(max)和最小值(min)，由0~100，value将设置进度条的默认值，通过optimum设置其度量值，还能设置其那个部分算作高值(high)，那个值算作低值(low)，浏览器会根据这些值给进度条自动变换颜色，不设置浏览器会有默认值。进度条的动态行为后期可以根据JavaScript改变其value值就可以实现进度条滚动。