HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结

<form action="" method="get">
            <!--
                placeholder="请输入文本" 显示提示
                randonly="randonly"不能重新写
                disabled="disabled" 禁用 变灰色
            -->
            <input type="text" name="user_name" placeholder="请输入文本" value="文本框" readonly="readonly"disabled="disabled"/>
        <!--
            隐藏框
            Type="hidden"隐藏起来
        -->
        <input type="hidden" name="id" value="20160800612" />
        <!--
            密码框
            type="password"密码不显示
        -->
        <input type="password" name="password" value="123456"  disabled="disabled"/>
        
        <!--
            testarea 设置宽度用cols  设置长度用rows
        -->
        <br />
        <textarea name="text" rows="5" cols="5"></textarea>
        <!--多选框
            <select>
                <option></option>
                <option></option>
                ...
            </select>
            selected="selected"默认选择项
            
        -->
        <select name="grade">
            <option value="1">一年级</option>
            <option value="2" selected="selected">二年级</option>
            <option value="3">三年级</option>
        </select><br />
        <!--
            id="male"/><label for="male">男</label>点击男也会选择
            
        -->
        <input type="radio" value="0" name="gender" id="male"/><label for="male">男</label>
        <input type="radio" value="1" name="gender" id="female"/><label for="female">女</label><br />
        
        <!--
            type="file"获取文件
            multiple="multiple"可以获取多个文件
        -->
        <input type="file" name="fileget" multiple="multiple"/>
        <!--
            type="checkbox"多选框
            checked="checked"默认为选择
        -->
        &nbsp;
        <input type="checkbox"name="hobby" value="1"  id="basketball" checked="checked"/><label for="basketball">篮球</label>
        <input type="checkbox" name="hobby" value="2" id="football"><label for="football">足球</label>
        <input type="checkbox"name="hobby" value="3" id="pingpong" /><label for="pingpong">乒乓球</label>
        <br />
        
        <!--
            type="reset"重置所做的操作
        -->
        <input type="reset" value="重置" />
        <input type="submit" value="提交" />
        </form>