<form id="s_form" class="form-horizontal" action="http://www.baidu.com" > <div class="form-group"> <label for="s_uname" class="col-sm-2 control-label">用戶名</label> <div class="col-sm-10"> <input type="text" class="form-control" name="s_uname" id="s_uname" placeholder="UserName"> <p class="help-block">很多於3個字符,用戶名不能重名<span class="text-danger">aaa</span></p> </div> </div> <div class="form-group"> <label for="s_pwd" class="col-sm-2 control-label">密碼</label> <div class="col-sm-10"> <input type="password" class="form-control" name="s_pwd" id="s_pwd" placeholder="Password"> <p class="help-block">密碼很多於6位</p> </div> </div> <div class="form-group"> <label for="s_cpwd" class="col-sm-2 control-label">確認密碼</label> <div class="col-sm-10"> <input type="password" class="form-control" name="s_cpwd" id="s_cpwd" placeholder="ConfirmPassword"> <p class="help-block">確認密碼</p> </div> </div> <div class="form-group"> <label for="s_email" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="text" class="form-control" name="s_email" id="s_email" placeholder="Email"> <p class="help-block">email格式</p> </div> </div> <div class="form-group"> <label for="s_phone" class="col-sm-2 control-label">手機號碼</label> <div class="col-sm-10"> <input type="text" class="form-control" name="s_phone" id="s_phone" placeholder="Phone"> <p class="help-block">phone格式</p> </div> </div> <div class="form-group"> <label for="s_avatar"class="col-sm-2 control-label">頭像</label> <div class="col-sm-10"> <input type="file" id="s_avatar" name="s_avatar"> <p class="help-block">上傳jpg/png格式文件</p> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input name="s_check" type="checkbox"> 記住密碼 </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">提交</button> </div> </div> </form>
js
```
```html