Bootstrap页面布局11 - BS表单

标签：style   blog   http   color   strong   for   2014   代码   

<input type=‘text‘ value=‘‘ placeholder=‘输入您的用户名‘ class=‘input-mini‘ />

　　①几个类控制文本框长度

　　input-mini:最小

　　　　如图：

　　input-small:次小

　　　　如图：

　　input-medium:中等

　　　　如图：

　　input-max:最长

　　　　如图：

　　spanN:N代表数字，最大12，N表示1个网格的宽度

　　　　例如：span4表示对应的input框占用4个网格的宽度

　　②属性：placeholder="输入您的用户名",当用户开始输入时，提示文字自动消失。

　　看图如下：

　　代码如下：　

<label for=‘username‘>用户名</label>
<input id=‘username‘ type=‘text‘ title=‘输入您的用户名‘ class=‘span-medium‘ placeholder="输入您的用户名" /><span class=‘help-block‘>以字母开头，16位的字母、数字、下划线的组合</span>

.help-block/.help-inline

　　提示文字【这里的提示文字是 “以字母开头，16位的字母、数字、下划线的组合”】另起一行显示/在输入框后显示

Bootstrap页面布局11 - BS表单,布布扣,bubuko.com

Bootstrap页面布局11 - BS表单

标签：style   blog   http   color   strong   for   2014   代码   

原文地址：http://www.cnblogs.com/Zell-Dinch/p/3887253.html