HTML进阶

最新推荐文章于 2024-08-16 22:57:43 发布

磁悬浮电冰箱

最新推荐文章于 2024-08-16 22:57:43 发布

阅读量35

点赞数

文章标签： html 前端 java

本文链接：https://blog.csdn.net/weixin_64776610/article/details/131809696

版权

此文章展示了一个HTML表单的例子，包括文本输入、密码输入、单选按钮、复选框、下拉选择、文本域、数字输入、邮箱验证、URL输入、时间、日期、日期时间、月份、星期、搜索框和颜色选择器等常见表单控件，用于用户数据收集和交互。

摘要由CSDN通过智能技术生成

 <form action="">
        姓名：<input type="text" name="username">
        密码： <input type="password" name="password">
        单选： <input type="radio" name="sex" id="nan">男
                <input type="radio" name="nv" id="nan">女
        复选： <input type="checkbox" name="hobby" id="chi">吃
        <input type="checkbox" name="hobby" id="chi">吃
        <input type="checkbox" name="hobby" id="chi">喝
        <input type="checkbox" name="hobby" id="chi">玩
        <input type="checkbox" name="hobby" id="chi">乐
        下拉框：
        <select name="city" id="">
            <option value="1">上海</option>
            <option value="2">太原</option>

            <option value="3">北京</option>

            <option value="4">深圳</option>
        </select>
        文本域：<textarea name="beizhu" id="" cols="30" rows="10"></textarea>
        数字输入框：<input type="number" min="1" max="100" step="2" value="1"><br>
        邮箱：<input type="email" name="email" id="">
        地址：<input type="url" name="url" id=""> 
        时间：<input type="time" value="">
        日期：<input type="date" name="" id="">
        日期时间：<input type="datetime-local" name="" id="">   
        <!-- datetime 所有浏览器都不支持
            datatime-local 只支持谷歌 -->
        月份：<input type="month" name="" id="">
        星期：<input type="week" name="" id="">
        搜索：；<input type="search" name="" id="">
        color：<input type="color" name="" id="">
        提交按钮：<input type="submit " name="" id="">
    </form>