-
在Bootstrap框架中的下拉菜单还提供了下拉分隔线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的<li>，并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能。查看全部
-
原理分析： 现在我们来分析一下实现原理，非常简单，通过js技术手段，给父容器“div.dropdown”添加或移除类名“open”来控制下拉菜单显示或隐藏。也就是说，默认情况，“div.dropdown”没有类名“open”，当用户第一次点击时，“div.dropdown”会添加类名“open”；当用户再次点击时，“div.dropdown”容器中的类名“open”又会被移除。我们可以通过浏览器的firebug查看整个过程： 【学会使用小工具提高学习效率和工作效率】查看全部
-
在Bootstrap框架中，如果fieldset设置了disabled属性，整个域都将处于被禁用状态。 <form role="form"> <fieldset disabled> <div class="form-group"> <label for="disabledTextInput">禁用的输入框</label> <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入"> </div> <div class="form-group"> <label for="disabledSelect">禁用的下拉框</label> <select id="disabledSelect" class="form-control"> <option>不可选择</option> </select> </div> <div class="checkbox"> <label> <input type="checkbox">无法选择 </label> </div> <button type="submit" class="btnbtn-primary">提交</button> </fieldset> </form>查看全部
-
使用方法为：只需要在需要禁用的表单控件上加上“disabled”即可： <input class="form-control" type="text" placeholder="表单已禁用，不能输入" disabled>查看全部
-
从源码中我们可以看出，要让控件在焦点状态下有上面样式效果，需要给控件添加类名“form-control”： <form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="不是焦点状态下效果"> </div> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="焦点点状态下效果"> </div> </div> </form>查看全部
-
这两个类适用于表单中的input，textarea和select控件，具体使用如下： <input class="form-control input-lg" type="text" placeholder="添加.input-lg，控件变大"> <input class="form-control" type="text" placeholder="正常大小"> <input class="form-control input-sm" type="text" placeholder="添加.input-sm，控件变小">查看全部
-
【aria-label属性】 正常情况下，会在表单里给input组件指定对应的label，当用户tab到输入框时，读屏软件就会读出相应label里的文本。 当没有给输入框设计对应的label文本的位置时，aria-label属性为组件指定内置的文本标签。它不在视觉上呈现 此时，当焦点落到该输入框时，读屏软件就会读出aria-label里的内容，即“用户名”。 经测试，aria-label只有加在可被tab到的元素上，读屏才会读出其中的内容。 以下情况，也是可以读出的：可被tab的span标签 【aria-labelledby属性】 当想要的标签文本已在其他元素中存在时，可以将其值为该元素的id。 【注】如果一个元素同时有aria-labelledby和aria-label，读屏软件会优先读出aria-labelledby的内容。查看全部
-
<form role="form"> <div class="checkbox"> <label> <input type="checkbox" value=""> 记住密码 </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked> 喜欢 </label> </div> <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate"> 不喜欢 </label> </div> </form> 从上面的示例，我们可以得知： 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中，主要借助“.checkbox”和“.radio”样式，来处理复选框、单选按钮与标签的对齐方式。源码请查看bootstrap.css文件第1742行～第1762行：查看全部
-
文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。 <form role="form"> <div class="form-group"> <textarea class="form-control" rows="3"></textarea> </div> </form>查看全部
-
<div class="form-group"> <select multiple class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> </select> </div>查看全部
-
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如： <form role="form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter email"> </div> </form>查看全部
-
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。 把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。 这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabIndex属性值的控件上，最后在具有最大tabIndex属性值的控件上结束移动。 如果有两个控件的tabIndex属性相同，则以控件在html代码中出现的顺序为准。 默认的tabIndex属性为 0 ，将排列在在所有指定tabIndex的控件之后。 而若把tabIndex属性设为一个负值（如tabIndex="-1"），那么这个链接将被排除在TAB键的序列之外。 如果最初选择了[Tab]键，带这个输入栏的网页会将光标移动到firstName栏。 在给tabIndex特性赋值时，要留意几个问题。下面是几个赋值规则： 带0值tabIndex的元素根据源代码（或默认页面行为）进行排序。 大于0的tabIndex值设定其tab顺序。所有带正tabIndex值的元素出现在所有带0 tabIndex值的元素之前。 如果你犯了一个错误，把同一个tabIndex赋予给多个元素，像其它元素一样，它们会以一个0值tabIndex进行处理。 将tabIndex赋值为-1，则在使用[Tab]键时，此元素被忽略。注意：如果使用-1值时，onfocus与onblur事件仍被启动。 tabIndex的值可为0至32767之间的任意数字查看全部
-
貌似已经有了啊。不用修改。。。查看全部
-
在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。不过在我们的教程中，我们统一调用压缩好的“bootstrap.min.js”文件：查看全部
-
嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。查看全部
举报
0/150
提交
取消