html进阶

最新推荐文章于 2024-10-17 00:04:56 发布

一天睡25小时

最新推荐文章于 2024-10-17 00:04:56 发布

阅读量43

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_63448336/article/details/131814343

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
</head>
<body>
    <form action="">
        姓名：
        <input type="text" name="username" value=""> <br>
        密码：
        <input type="password" name="password" id=""><br>
        单选：
        <input type="radio" name="sex" id=""> 男 
        <input type="radio" name="sex" id=""> 女<br>
        复选：
        <input type="checkbox" name="hobby" id="1">吃
        <input type="checkbox" name="hobby" id="2">喝
        <input type="checkbox" name="hobby" id="3">玩
        <input type="checkbox" name="hobby" id="4">乐<br>
        下拉框：
        <select name="city" id="">
            <option value="1">太原</option>
            <option value="2">北京</option>
            <option value="3">上海</option>
            <option value="4">广州</option>
        </select><br>
        文本域：
        <textarea name="beizhu" id="" cols="30" rows="10"></textarea><br>

       
        数字输入框：
        <input type="number" min="0" max="100" step="5" value=""><br>

        邮箱：
        <input type="email" name="email"><br>
        <!-- 手机号
        <input type="tel" name="tel"><br> -->
        地址：
        <input type="url" name="url"><br>

        日期：
        <input type="date"><br>
        时间：
        <input type="time" value=""><br>

        日期时间： 
        <!-- datetime 所有浏览器都不支持
            datetime-local 支持谷歌
        -->
        <input type="datetime-local"><br>
        月份：
        <input type="month"><br>
        星期：
        <input type="week" name="week"><br>

        搜索：
        <input type="search" search="s">

        color:
        <input type="color">




        提交按钮：
        <input type="submit" value="确认">
    </form>
</body>
</html>