码迷,mamicode.com
首页 > 其他好文 > 详细

form

时间:2017-08-17 21:33:12      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:inpu   cti   ber   label   pre   url   ubi   val   用户   

b标准表单写法

<form action="" id="reg-form">
<div class="form-group">//组控制上下间距
<label for="uname" class="control-label">用户名:</label>
<input id="uname" class="form-control" type="text" placeholder="请输入用户名" name="uname">
<span class="help-block defalut">用户名不能为空</span>
</div>
<div class="form-group">
<label for="upwd" class="control-label">密码:</label>
<input id="upwd" class="form-control" type="password" placeholder="请输入用密码 " name="upwd">
<span class="help-block defalut">用户名不能为空</span>
</div>
<div class="form-group">
<label for="uemail" class="control-label">电子邮件:</label>
<input id="uemail" class="form-control" type="email" placeholder="请输入用电子邮件" name="uemail">
<span class="help-block defalut">邮件不能为空</span>
</div>
<div class="form-group">
<label for="uurl" class="control-label">个人主页:</label>
<input id="uurl" class="form-control" type="url" placeholder="电请输入个人主页" name="uurl">
<span class="help-block defalut">个人主页不能为空</span>
</div>
<div class="form-group">
<label for="uage" class="control-label">年龄:</label>
<input id="uage" class="form-control" type="number" placeholder="请输入年龄" name="uage">
<span class="help-block defalut">年龄不能为空</span>
</div>
<div class="form-group">
<label for="ubirthday" class="control-label">出生日期:</label>
<input id="ubirthday" class="form-control" type="date" placeholder="请输入生日" name="ubirthday">
<span class="help-block defalut">生日不能为空</span>
</div>
<div class="form-group">
<label for="bt-submit" class="control-label"></label>
<input id="bt-submit" class="form-control" type="button" value="注册">
</div>
</form>

 

form

标签:inpu   cti   ber   label   pre   url   ubi   val   用户   

原文地址:http://www.cnblogs.com/liangfc/p/7384151.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!