文字用一个label标签包起来,设置一个属性:for,其for的值要和复选框的id相同。

<p>&nbsp;1.通过点击文字,就选中复选框</p>

<p>文字用一个label标签包起来,设置一个属性:for,其for的值要和复选框的id相同。</p>

<p> 例如:&lt;input id="Checkbox6" value="6" name="box" type="checkbox" /&gt;&lt;label for="Checkbox6"&gt;产品入库&lt;/label&gt;</p>

<p>2.通过按tab键,让光标移动到自己想要的位置</p>

<p><img src="http://images.cnitblog.com/blog/532836/201307/30105517-00d448c3922849d68a680c3ce5473a3c.jpg" /></p>

<p>如上图:光标在用户名对应的文本框上,按tab键,让光标移动到密码对应的文本框上,在按tab键,移动到按钮上的效果</p>

<p>直接设置文本框的一个属性:TabIndex(控制tab键的顺序),其值为数字。</p>

<p> 例如:&lt;asp:TextBox ID="txtusername" Text="lisi" runat="server" Width="140px" TabIndex="1"&gt;&lt;/asp:TextBox&gt;</p>

<p>表示按tab键光标首先进入的是id=txtusername的文本框。</p>

<p>&nbsp;</p><p>&nbsp;</p>

时间: 2024-08-28 20:33:59

文字用一个label标签包起来,设置一个属性:for,其for的值要和复选框的id相同。的相关文章

控制a标签的链接效果+控制input复选框+选框文字

1.a:link{color:black;} 控制链接效果2.a:visited{color:red;} 控制鼠标点下时的效果3.a:hover{color:yellow;} 控制鼠标滑过的效果4.a;active{color:black;} 控制链接点过之后的效果5.cursor:pointer;     鼠标变手型 6.让选中的复选框变文字变红色让input的框自动获取焦点里面的文字变红色 input:focus{color:red;}input[type="checkbox"]:

Spring MVC-表单(Form)标签-复选框(Checkbox)示例(转载实践)

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_checkbox.htm 说明:示例基于Spring MVC 4.1.6. 以下示例显示如何使用Spring Web MVC框架在窗体中使用单个复选框.首先,让我们使用Eclipse IDE,并按照以下步骤使用Spring Web Framework开发基于动态窗体的Web应用程序: 步骤 描述 1 创建一个名为HelloWeb的项目,在一个包com.tutorialspoint

点击文字选中单选框或复选框

在选择单选框或者复选框的时候,点击圆点或者方框不太好点,就有了点击文字选中的需求,之前一直想的是用js实现,后来发现一个比较方便的方法. 就是把选项和文字外加label标签,如: <label> <input type="radio" value="A" name="1">A.选项A </label> <label> <input type="radio" value=&q

转 纯CSS设置Checkbox复选框控件的样式

Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的.为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框. 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它. css-style-checkboxes 查看演示,可以看到我们将要创建的复选框样式. 演示地址 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要做到点需要添加一

【转】纯CSS设置Checkbox复选框控件的样式

Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的.为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框. 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它. css-style-checkboxes 查看演示,可以看到我们将要创建的复选框样式. 演示地址 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要做到点需要添加一

纯CSS设置Checkbox复选框控件的样式

下面是纯CSS设置Checkbox复选框控件的五种简单样式,有兴趣的可以进行改动将其变成自己想要的样式. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要做到点需要添加一段代码到你的CSS文件中. 隐藏掉所有的Checkbox复选框后,我们需要添加一个label HTML元素,我们都知道,当点击的有for属性的label标签时,对应的Checkbox复选框会被选中.这意味着,我们可以通过label的点击事件来处理我们的Checkbox复选框. 样式一 此复选框

复选框与文字无法对齐问题

写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮. 以前遇到过这个问题,但是都直接忽视,并未深究.今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在. 今天,借助于伟大的baidu,同时自己不断试验,终于解决了这个"老大难"的"历史遗留问题".现将经验分享如下: 其实很简单,真的灰常简单,把要对齐的每个标签,都加一个

DOM(十)使用DOM设置单选按钮、复选框、下拉菜单

1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴沙漠化一个例子: <script type="text/javascript"> function getChoice() { var oForm = document.forms["uForm1"]; var aCh

HTML复选框和提交按钮组合设置

<!-- 在这个html文档中我们要编写创建一个复选框的 效果,并且含有一个按钮,当我们点击按钮后面的复选 项目的时候,会记录这个我们 的选项并且在点击summit之后我们的结果会提交到服务器 那么这个效果怎么来实现,我们来看一下这个程序 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head&