12.HTML表单元素【下】

                                          第十章 表单元素【下】

一、其他元素

   1、select ：生成一个下拉列表进行选择；

          额外属性：

          （1）name：设定提交的名称；

          （2）disabled 将下拉列表禁用；

          （3）form  将表单外的下拉列表与某个表单挂钩；

          （4）size  设置下拉列表的高度；

          （5）multiple 设置是否可以多选；

例、<select name="fruit">

<option value="1">苹果</option>      //动态数组存储时，储存的不是汉字，而是value值。

<option value="2">香蕉</option>

<option value="3">橘子</option>

    </select>

   2、optgroup :对select元素进行编组；               //<select name="fruit">  <optgroup label="水果">。。。</optgroup>

                label为分组名称；                    //                       <optgroup label="高粱" selected>。。。</optgroup>  

                selected 为默认选项                    </select>

   3、option ：select元素中的项目；

   4、textarea ：生成一个多行文本框；

          属性如下：

           （1）name        :设定提交时的名称；

           （2）form        :

           （3）readonly    :设置多行文本只读；

           （4）disabled    :设置多行文本禁用；

           （5）maxlength   :获取焦点；

           （6）autofocus   :设置输入时的文本信息；

           （7）placeholder :设置输入时的提示信息；

           （8）rows        :设置行数；

           （9）cols        :设置列数；

           （10）wrap       :设置是否插入换行符，有soft（默认）和hard两种；

           （11）required   :设置必须输入值，否则无法通过验证；

   5、output ：表示计算结果；（jQuery里用到，现在不需理解）

 

二、验证输入

        HTML5对表单提供了输入验证的检查方式，但比较简陋，并且个浏览器的支持程度还不同，在大部分情况还是用jQuery来完成；