web学习—html标签—表单及其控件（三）

二、表单控件标签（续）

5、选项框相关标签

选项框并不是只有一个标签就可以建立起来的。在这里就把一些相关标签说一下。

1）、<select>标签：创建单选或多选框。默认为下拉列表框。

          属性：name属性：控件的名称。常常用sel作为起始字符。 

                      size属性：创建一个滚动列表框。它的值是列表中同时可见的行数。

                      multiple属性：值为multiple，允许用户从列表中选择多个项。这个属性将自动使选项框看上去类似于滚动选项框。

2）、<option>标签：定义列表中的一个选项。

          属性：value属性：选项被选中时将被发送给服务器的值。

                      selected属性：值为selected ，页面加载时初始选中的选项。

                      disabled属性：值为disabled。表示选项不可用，但是会在列表框中显示出来。

          选项的名称将写在<option>与</option>之间。

             在任何<select>元素中至少具有一个<option>元素。

3）、<optgroup>标签：用于分组选项。

          属性： label 属性：它的值是选项组的标签。

         分组选项还可以用附带disabled 属性的<option>元素来代替。

注意:选项框的宽度将是显示给用户的最长选项的宽度；

6、文件选项框

<input>标签：用于创建文件选项框。

属性：type 属性：值设置为file。

            name属性：控件的名称。

            value属性：被发送给服务器的值。

            accept属性：指示能够选择上传的文件的MIME类型。

当使用文件上传框时，<form>元素的method属性值必须是post。<form>的enctype属性具有值multipart/form-data。

7、隐藏控件

<input>标签：用于创建隐藏控件。

作用：页面间传递不想让用户看到信息。

属性：type 属性：值设置为hidden。

            name属性：（必须）控件的名称。

                value属性：（必须）被发送给服务器的值。

8、标签控件

<label>标签：赋予那些没有标签的控件标签。

属性：for 属性：指明哪一个表单控件与该标签相关联。f值必须与对应表单控件的id属性的值相同。

      <label>标签可以作为包含元素使用。

9、结构化表单

1）、 <fieldset>标签：在表单控件组周围创建边框。可以附带说有通用属性。

2）、 <legend>标签：为<fieldset>元素指定一个标题，该标题作为表单控件组的名称。使

           用<legend>标签时，它必须是<fieldset>标签的第一个子元素。

 

  至此，所有的控件算完成了。这三篇所列出来的控件，基本是些最常用的。看完这些，自己做一个简单的已经不是什么问题了吧。

  写在最后，文中提到好多通用属性，具体有哪些呢。具体有多少我不清楚，但是现在把我所知道的写下来。作为一个参考吧：

       1. tabindex 属性：控制控件获得焦点的顺序。取值可以是从0到32 767之间的数值。

                                      每次用户按下Tab键时，焦点将移动到下一个具有最高焦点移动顺序的控件上。

                                      可以附带tabindex 属性的标签：<a> <area> <button> <input> <object> <select> <textarea>
                                     如果一个元素被禁用，则它不能获得焦点，并且不参与焦点移动顺序。

          2. accesskey属性：定义访问键（类似于键盘快捷键）。

                                                    可以附带accesskey属性的标签：<a> <area> <button> <input> <label> <legend> <textarea>

                           为了提示用户可以使用访问键作为快捷键，可以将相应的信息添加页面中以作提示。

           3、readonly属性：阻止用户改变表单控件本身的值。

                                      可以附带readonly属性的标签：<textarea> <input type="text" / >

           4、 disabled属性：值是disabled，禁用表单控件，从而用户不能够修改该控件。

                                                   可以附带disabled属性的标签：<select> <option> <button> <textarea><input>