Bootstrap页面布局11 - BS表单

<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表单