表单高级元素的使用

最新推荐文章于 2022-04-23 10:41:26 发布

南北极之间

最新推荐文章于 2022-04-23 10:41:26 发布

阅读量227

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/qq_22182989/article/details/89977157

版权

前端开发专栏收录该内容

570 篇文章 54 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
<h1>表单高级元素的使用</h1>
    <form>
        <hr/>
        <h2>url属性会自动验证url的值，如果格式不对会有提示</h2>
        请输入网址：
        <input type="url" name="user_url">
        <hr/>
        请输入邮箱：
        <input type="email" name="user_email">
        <hr/>
        请选择购买商品的日期：
        <br/>
        <input type="date" name="user_date">
        <hr/>
        <h2>number属性，次数可以点击调整</h2>
        此网站我曾今来了
        <input type="number" name="user_num">次了哦！
        <hr/>
        <h2>range属性可以显示一个滚动的控件，可以左右滑动调整。</h2>
        英语成绩公布了！我的成绩名次是：
        <input type="range" name="ran" min="1" max="10">
        <hr/>
        下面是输入用户登录信息：
        <br/>
        <h2>required属性规定，必须在提交之前。填写输入域！不能为空！</h2>
        用户名称
        <input type="text" name="user" required="required">
        <br/>
        用户密码：
        <input type="password" name="password" required="required">
        <br/>
        <input type="submit" value="登录">
    </form>
</body>
</html>

效果：