# Html代碼： 注意里面表單屬性。name名字有需要自己修改就可以，表單布局用的bootstrap布局 ~~~ <form method="post" id="register" class="form-horizontal" style="padding-bottom: 50px"> <div class="card" style="padding-bottom: 20px"> <div class="card-header"> 賬號注冊 </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">賬號</label> <div class="col-sm-7"> <input type="text" name="usename" class="form-control"> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">密碼</label> <div class="col-sm-7"> <input type="text" name="password" class="form-control"> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">確認密碼</label> <div class="col-sm-7"> <input type="text" name="password_confirm" class="form-control"> </div> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">驗證碼</label> <div class="col-sm-7"> <div class="input-group mb-3"> <input type="text" class="form-control" name="code" placeholder="請輸入驗證碼" aria-label="Recipient's username" aria-describedby="basic-addon2"> <div class="input-group-append"> <span class="input-group-text" id="basic-addon2"> <img onclick="this.src='index/user/code?'+Math.random()" alt="點擊更換" title="點擊更換" src="index/user/code" /> </span> </div> </div> </div> </div> </div> </div> </form> <div class="text-center "> <button type="button" class="btn btn-success" id="reg">注冊賬號</button> <button type="button" class="btn btn-danger " id="ret">重新輸入</button> </div> ~~~ # js 代碼 ~~~ <script> //表單清空 $('#ret').click(function () { $('#register')[0].reset(); }) </script> ~~~