表单例子

最新推荐文章于 2022-05-13 12:22:49 发布

磨镜台

最新推荐文章于 2022-05-13 12:22:49 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42506905/article/details/89406800

HTML和CSS 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了HTML中各种表单元素的应用，包括文本输入、密码输入、单选按钮、复选框、文件上传、下拉选择和文本区域等，帮助读者理解如何构建有效的用户输入界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <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>