zoukankan      html  css  js  c++  java
  • html5,表单的综合案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表单综合练习</title>
        <style type="text/css">
          form{ 400px;background: #f7f7f7;padding: 10px;margin-top: 150px;margin-left: 300px;}
          button{background: #808080;padding: 8px;border-radius:5px;}
          button:hover{background: #919191;padding: 10px;border-radius:5px;}
          input{padding: 8px;background: #f8f8f8;}
          input:focus{padding: 8px;background: #a9a9a9;}
        </style>
    </head>
    <body>
        <form action="">
            <fieldset>
            <legend>信息注册</legend>
            <p><label for="user">账号:</label><input type="text" name="user" id="user" placeholder="账号" required=""></p>
            <p><label for="password">密码:</label><input type="password" name="password" id="password" placeholder="密码"></input></p>
            <p><label for="tel">电话:</label><input type="tel" name="tel" id="tel" placeholder="电话"></p>
            <p><label for="email">邮件:</label><input type="email" name="email" id="email" placeholder="电子邮箱"></p>
            <!-- <p><label for=""></label>这样单击后自动获得焦点</p> -->

        <!--     <input type="submit" value="注册"></input> -->
        <button>注册用户</button>
            </fieldset>
        </form>
    </body>
    </html>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    浅析C++中的this指针
    转:函数指针数组的妙用(I)
    函数指针与函数指针数组的使用方法
    指针函数与函数指针的区别
    二叉树的镜像
    树的子结构
    Irrlicht 3D Engine 笔记系列 之 教程5- User Interface
    Android获取当前连接的wifi名称
    dlopen 方式调用 Linux 的动态链接库
    Appium基于安卓的各种FindElement的控件定位方法实践和建议
  • 原文地址:https://www.cnblogs.com/houweidong/p/5934252.html
Copyright © 2011-2022 走看看