表单学习 中

<input type="range" min="35" max="42" value="36.5">
使用type属性为range的表单制作一个滑动条
range属性有 min max step value

<button>ANNIU</button>
<input type="button" value="ANNIU">
<input type="submit" value="ANNIU">

使用button type=button type=submit 分别做的三个按钮，button>input button>input submit
input button与js一起使用
input button用于提交表单
button功能最多

<input type="number" value="36.5" min="35" max="40" step="0.5">

数字选择条，与range属性大同小异

<div class="danxuan">
        你最习惯的风格是什么样的？
        <br>
        <br><input type="radio" name="fengge" checked>简约
        <br><input type="radio" name="fengge">端庄
        <br><input type="radio" name="fengge">大气
        <br><input type="radio" name="fenggea">小清新
        <br><input type="radio" name="fenggea">接地气
    </div>

radio单选框 做为单选框时name值要相同

<select name="friut" id="sel1">
            <option>apple</option>
            <option>banana</option>
            <option>orange</option>
</select>

下拉列表，只能选择不能输入

<input type="text" list="enter">
            <datalist id="enter">
                <option>life</option>
                <option>money</option>
                <option>family</option>
            </datalist>

下拉&输入列表，datalist用以存放表单数据id用来表明身份，list用来指明地址