一个简易的注册界面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>注册界面</title>
     <link rel="stylesheet" href="style.css">
</head>
<body>
 <form action="" method="get" class="form-example">
    <div class="form-example" align="center">
        <label for="name">输入名字</label>
        <input type="text" name="name" id="name" required="">
    </div>
    <div class="form-example" align="center">
        <label for="radio">男</label>
        <input type="radio" name="radio" id="radio" required=""><br>
    
        <label for="radio">女</label>
        <input type="radio" name="radio" id="radio" required="">
    </div>
    <div class="form-example" align="center">
        <label for="email">输入邮箱</label>
        <input type="email" name="email" id="email" required="">
    </div>
    <div class="form-example" align="center">
        <label for="password">输入密码</label>
        <input type="password" name="password" id="password" maxlength="12" required="">(最多12位)<br>
        <label for="password">确认密码</label>
        <input type="password" name="password" id="password" maxlength="12" required="">(最多12位)
    </div>
    <div class="form-example" align="center">
        <label for="telephone">电话号码</label>
        <input type="telephone" name="telephone" id="telephone" required="">
    </div>
    <div class="form-example" align="center">
    <input type="submit" value="注册!">
  </div>
 </form>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/tianshao/p/9656533.html
今日推荐