web表单

web中表单的标签有

• <form> ：其标签用于为用户输入创建 HTML 表单。
• <lable> ：其标签不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。                 如果您在label 元素内点击文本，就会触发此控件。
• <input> :  标签用于搜集用户信息。(根据不同的 type 属性值，输入字段拥有很多种形式)

           

注：当使用表单标签时，要添加div标签将其属性值设置为class=“form-group”

---

        <from>元素

        form标签常用的内联表单的属性值是    class="form-inline"。

        form标签常用的水平排列表单的属性值是    class="form-borizontal"。

        <lable>元素

        lable标签常用的属性有for：其属性值是任意的但是要与input标签内的属性

        id的属性值相同。

        lable标签常用的属性有form：规定 label 字段所属的一个或多个表单。

<input>元素

        input标签常用的属性有type：其属性值有button、checkbox、file、hidden、

                 image、 password、radio、reset、submit、text。

         input标签常用的属性有id  :  其属性值是任意的但是要与lable标签内的属性

                for的属性值相同。

        input标签常用的属性有placeholder  :   内容提示作用。

        input标签常用属性值有   class = "form-control"。

---

控件的尺寸

1.  通过 .input-lg 类可以为控件设置高度，通过 .col-lg-* 类似的类可以为控件设置宽度。
2. 通过添加 .form-group-lg 或 .form-group-sm 类，为 .form-horizontal 包裹的 label 元素和表单控件快速设置尺寸。

---

        提示：web表单中也可以设置为焦点状态、只读状态、禁用状态、校验状态。