登录框和验证

<div class="container">
    
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="login-panel" style="margin-top:45%">
              <form action="/member/login/login_valid.html" class="form-signin" role="form" method="post" id="myform" onSubmit="return member_login()" >
                <h2 class="form-signin-heading">登录</h2>
                <div class="alert alert-danger" id="error" role="alert" style="display:none;" >帐号或密码错误</div>
               <div class="form-group" id="loginname_yz">
                <input type="text" name="loginname" id="loginname" class="form-control" placeholder="请输入用户名"  required  autofocus>
                </div>
         
  <div class="form-group" >
 <input name="email" type="text" placeholder="必填项" class="input-xlarge" required pattern="^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$" 

title="邮箱正确格式:xxx@xxx.xxx">

</div>

                <div class="form-group" id="passwd_yz">
                <input type="password" name="passwd" id="passwd" class="form-control" placeholder="请输入密码" required>
                </div>
                 <div class="form-group" ></div>
                <button class="btn btn-lg btn-primary btn-block" type="submit" id="login_submit">登录</button>
              </form>
              </div>
    </div>
  </div>
  
  </div>
原文地址:https://www.cnblogs.com/xiaoli3007/p/4048132.html