表单元素

H5表单元素

本章不讲form表单，讲的是一些常用的基本表单元素

比如 input，输入框，是行内块元素

<input type="text" placeholder="请输入账号">

 button，按钮，也是行内块元素

    <button>按钮</button>

label,标签，用于关联一个其他表单元素，for属性需要写要关联的元素的id，点击lable就相当于点击了关联的元素

<label for="psw">密码：</label>
<!-- input，type设置为password，表示密码输入框 -->
<input type="password" id="psw">

在点击“密码：”时，光标会进入input

单选多选

在使用单选多选时一定要设置name为同一组（设置相同name值）

<p>请选择你认为夺冠的队伍</p>
    <!-- input,type=radio,表示单选框，处于同一组的单选框只能选中一个值，将多个radio设置相同的name属性，可以成为同一组 -->
    <label for="">法国</label>
    <input type="radio" name="team">
    <label for="">比利时</label>
    <input type="radio" name="team">
    <label for="">英格兰</label>
    <input type="radio" name="team">
    <label for="">克罗地亚</label>
    <input type="radio" name="team">
    <hr>
    <!-- input,type=checkbox时，表示多选框 -->
    <label for="">白菜</label>
    <input type="checkbox">
    <label for="">苹果</label>
    <input type="checkbox">

下拉列表：

<!-- select，下拉列表，行内块 -->
    <label for="">请选择你的学校</label>
    <select id="school">
        <!-- option，下拉列表项 -->
        <option value="">清华</option>
        <option value="">北大</option>
        <option value="">郑大</option>
    </select>

梦想还是要有的（：逃