邮箱登录form表单样例

时间：2022-08-28 14:25:13

index.html

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>基础表单</title>

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

<form role="form">

  <div class="form-group">

    <label for="exampleInputEmail1">邮箱：</label>

    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">

  </div>

  <div class="form-group">

    <label for="exampleInputPassword1">密码</label>

    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码">

  </div>

  <div class="checkbox">

    <label>

      <input type="checkbox"> 记住密码

    </label>

  </div>

  <button type="submit" class="btn btn-default">进入邮箱</button>

</form>

</body>

</html>

style.css

body {

  padding: 50px 100px;

}

邮箱登录、邮箱验证、密码填写，登录。

【转自】：http://www.imooc.com/code/2341

by慕课网教程

相关文章