HTML5网络发布

最新推荐文章于 2024-01-18 14:57:44 发布

gh323093

最新推荐文章于 2024-01-18 14:57:44 发布

阅读量1.2k

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/gh323093/article/details/78413632

版权

Web前端专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        form{
            width: 100%;
            max-width: 600px;
            min-width: 300px;
            margin: 0 auto;
            font-family: "Microsoft Yahei";
            font-size: 20px;
        }
        input{
            display: block;
            width: 100%;
            height:30px;
            margin:10px 0;
        }
    </style>
</head>
<body>
<form action="">
    <fieldset>
        <legend>完善个人资料</legend>
        <p style="float: left">欢迎注册</p>
        <p style="float: right">已注册 可<a href="https://ssl.zc.qq.com/v3/index-chs.html"
           style="color: red">直接登录</a></p>
        <label>
            <input type="text" placeholder="请输入手机号码" autofocus name="userName" autocomplete="on"
                   required/>
        </label>
        <label>
            <input type="email" placeholder="请输入邮箱号" autofocus name="useremail" autocomplete="on"
                   required/>
        </label>
        <label>
            <input type="password" placeholder="密码由6-20位数字、数字和符号组合" autofocus name="useremail"
                   autocomplete="on" required/>
        </label>
        <label>
            <input type="number" placeholder="财富值" step="5" autofocus name="useremail"/>
        </label>
        <label>
            range:<input type="range" name="range">
        </label>
        <label>
            请选择颜色:<input type="color" name="color"/>
        </label>
        <label>
            时间: <input type="time" name="time" />
        </label>
        <label>
            显示年月日:<input type="date" name="date">
        </label>
        <label>
            显示年月:<input type="month" name="month">
        </label>
        <label>
            显示年周:<input type="week" name="week">
        </label>
        <label>
        <input type="checkbox" style="width: 30px">我已阅读并接受<a href="
        http://support.vip.com/clause/?ff=125|2|1|12" style="color: #7591ff">《唯品会服务条款》</a>
            与<a href="http://support.vip.com/privacy/" style="color: #7591ff">《隐私条款》</a><br/>
        </label>
        <input type="submit" value="提交">
        <a href="https://ssl.zc.qq.com/v3/index-chs.html" style="color: #7591ff">通过邮箱注册></a>
    </fieldset>
</form>
</body>
</html>

gh323093

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5网络发布

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> form{ width: 100%; max-width: 600px; min-width: 300px
复制链接

扫一扫

专栏目录