全部包含在下面的代码中间

    1. <body>
    2. <form>
    3. <\form>
    4. <\body>

    按钮属性:
    Type=”button”

    <input type="button" value="按钮">
                <button>按钮</button>
    

    Range型input元素

    <input type="range" min="-100" max="1000" step="100">
                <input type="range" min="-100" max="1000" step="100" value="-100"><!-- 数字滑动 -->
    

    Checkbox型input元素
    注:相当于复选框,可选可不选

    <input type="checkbox">
    

    Radio型input元素
    三选一(name=”a”),checked是确定默认的选项。

    程序员中谁最帅
                <br>三选一
                <input type="radio" name="a" checked>星月
                <input type="radio" name="a" >星月
                <input type="radio" name="a" >星月
    

    用input生成一组固定选项

                <select>生成一组固定选项
                    <option>苹果</option>
                    <option>香蕉</option>
                    <option>西瓜</option>
                </select>
    

    生成数据列表

    <input type="text" list="datalist1">三选一,也可自己输入
                <datalist id="datalist1">
                    <option>苹果</option>
                    <option>香蕉</option>
                    <option>西瓜</option>
                </datalist>