tofacebook.com -专业IT技术社区 html5-表单的综合实例 Web程序【tofacebook.com】 - tofacebook.com-专业IT技术社区
72°

html5-表单的综合实例 Web程序【tofacebook.com】

标签:field   邮箱   idt   url   用户名   word   action   for   png   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的综合实例</title>
    <style type="text/css">
        body{background:url(pic/1.png);}
        form{width: 400px;background: #f0f0f0;padding: 10px;margin-top: 250px;margin-left: 600px;}
        button{background: #808080;padding: 8px;border-radius: 5px;}
        input{padding: 8px;background: #f8f8f8;}
        input:focus{background: #ffc0cb}
        button:hover{background: #ffc0cb;padding: 10px;}
    </style>
</head>
<body>
    <form action="">
    <fieldset>
    <legend>用户注册</legend>
    <label for="user">用户</label><input type="text" name="user" id="user" placeholder="用户名" required=""><br>
    <label for="password">密码</label><input type="password" name="password" id="password" placeholder="密码"><br>
    <label for="tel">电话</label><input type="tel" name="tel"  id="tel" placeholder="电话"><br>
    <label for="email">邮箱</label><input type="email" name="email" id="email" placeholder="电子邮箱"><br>
    <!-- <input type="submit" value="注册"> -->
    <button>注册</button>
    </fieldset>    
    </form>
</body>
</html>

html5-表单的综合实例

标签:field   邮箱   idt   url   用户名   word   action   for   png   

原文地址:http://www.cnblogs.com/houweidong/p/7532469.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: