html 表单的控件小节

三种输入框：

文本框：<input type="text">

密码框：<input type="password">

多行文本框：<textarea cols="宽度的设置" rows="行数的设置"></textarea>

隐藏文本框：<input type="hidden">

小节：除了多行文本框外，其他三种不同类型的文本框都是通过设置属性“type”的值而达到类型不一样的。

 

选择：

通过按钮的选择：

    单选按钮，举例用在注册信息里的选择性别：

  <input type="radio" name="sex" id="sex1">女
  <input type="radio" name="sex" id="sex2">男，需要注意的事，这里的属性”name“的值的设置应该相同。

    复选框：

  <input type="checkbox" name="math" id="math">数学
  <input type="checkbox" name="chinese" id="chinese">语文
  <input type="checkbox" name="music" id="music">音乐
  <input type="checkbox" name="english" id="english">英语

通过下拉列表的选择：

    下拉框，只可选择一个，举例用在注册信息里的选择出生地：

    <select name="like" id="like">
        <option value="sichuan">四川</option>
        <option value="liaoning">辽宁</option>
        <option value="guangdong">广东</option>
        <option value="guangdong">广东</option>
    </select>

 

    下拉列表，可选择多个，举例用在注册信息了的选择自己的爱好：

    <select name="like" id="like" multiple="multiple" size="3">
        <option value="sichuan">四川</option>
        <option value="liaoning">辽宁</option>
        <option value="guangdong">广东</option>
        <option value="shanghai">上海</option>
    </select>

按钮：

提交按钮：<input type="submit" value="确定">

重置按钮：<input type="reset" value="重置">

普通按钮：<input type="button" value="查询">

小节，依然是通过设置属性”type“的值而实现按钮的不同效果。需要注意的是：提交和重置按钮的属性”value“都可以不用设置，因为，浏览器里有一个默认的值，只是不同的浏览器可能会有不同的默认值。但是普通按钮属性”value“值则需要根据网页中的内容而给定一个自己设置的值。