表单例子

时间:2019-04-19
本文章向大家介绍表单例子,主要包括表单例子使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
    <form class="box" action="填写url" method="get">
        <h2>个人信息登记表</h2>
        <!-- 用户名和密码 -->
        <p>
            <label>用户名:</label>
            <input type="text" placeholder="请输入用户名">
        </p>
        <p>
            <label>密&nbsp;&nbsp;&nbsp;码:</label>
            <input type="password">
        </p>
        <!-- 单选框 -->
        <p>
            <label>性&nbsp;&nbsp;&nbsp;别:</label>
            <input type="radio" name="sex" checked>男
            <input type="radio" name="sex">女
        </p>
        <!-- 复选框 -->
        <p>
            <label>爱好</label>
            <input type="checkbox">1
            <input type="checkbox">12
            <input type="checkbox">123
            <input type="checkbox">1234
        </p>
        <!-- 文件上传 -->
        <p>
            <label>文件:</label>
            <input type="file">
        </p>
        <!-- 注册、重置 -->
        <p>
            <input type="submit" value="注册">
            <input type="submit" value="重置">
        </p>
        <!-- 籍贯 -->
        <p>
            <label>籍贯</label>
            <select name="address">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4" selected>4</option>
            </select>
        </p>
        <!-- 个人描述 -->
        <p>
            <label>个人描述</label>
            <textarea name="desc" cols="30" rows="10"></textarea>
        </p>
    </form>