HTML5之表单控件的使用

表单

用来搜集用户输入的数据

组成

     1.表单控件(搜集信息)
     2.提示信息
     3.表单域

表单域中的属性

action：设置一个用来接收数据的后台程序地址
method：设置表单数据的提交方式
     get(默认) | post

采用get方法提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制

采用post方法提交的数据保密性好，并且无数据量的限制

表单控件

输入框

<input type="text" name="">

属性：

maxlength：设置控件中最多能输入字符的个数
readonly：设置控件为只读模式(不能输入)
disabled： 设置控件为未激活(不能输入，显示为灰色)
name：设置控件的名称
id: 设置控件的唯一标识（如每个人的身份证号）
value：设置控件的默认值
placeholder：设置控件的提示信息(也称为占位符)

密码输入框

<input type="password" name="">

注意：密码输入框的属性和输入框的属性差不多

复选框

<input type="checkbox" name="">

属性

checked:设置复选框中的默认选中项

单选框

<input type="radio" name="">

注意

如果要实现单选效果，那么需要将控件设置相同的name属性值如果要实现默认选中项，可以设置checked属性

<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女

下拉列表

属性：

multiple:设置下拉菜单有多选的功能
selected:设置默认选中项

籍贯：
<select>
    <optgroup label="湖南省">
        <option>长沙市</option>
        <option>邵阳市</option>
        <option selected>隆回县</option>
        <option>娄底市</option>
    </optgroup>
    <optgroup label="湖北省">
        <option>武汉市</option>
        <option>襄阳市</option>
        <option>荆州市</option>
        <option>孝感市</option>
    </optgroup>
    <optgroup label="河南省">