<label>,一个容易忽视的标签

  曾有人问我:“如果要你写一个登陆页面中记住密码的Html代码,你会怎么写?”

  “直接写啊”

1 <input type="checkbox" id="chk_remb" />记住密码

  “如果要点击‘记住密码’四个字也让这个复选框选中,要怎么写?”

  “给‘记住密码‘加个标签,用Js控制么?”

  “有没有更加简洁的方法?”

  “……”

  后来才想起来<label>标签。代码应该这样写

1 <input type="checkbox" id="chk_remb" /><label for="chk_remb>记住密码</label>

  <label> 标签可以为 input 元素定义标记。可以通过将其for属性指定为要关联的元素id即可。此时,在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

时间: 2024-10-12 08:16:22

<label>,一个容易忽视的标签的相关文章

关于子类继承父类的一个容易忽视的小细节

子类继承父类的时候对父类的属性有没有继承呢??(其实我自己刚学,一些细节的不是太清楚) 下面的代码会说明一个容易忽视的细节: 这是父类: public class FatherClass { int a = 10; public void fun(){ System.out.println("This is FatherClass funMothed!!"); }} 这是子类: public class Child extends FatherClass { int a = 20; p

实现一个基本防盗链标签

1. 标签处理类 1 public class MyReferer extends BodyTagSupport { 2 private String site; 3 private String back; 4 public String getSite() { 5 return site; 6 } 7 public void setSite(String site) { 8 this.site = site; 9 } 10 public String getBack() { 11 retur

每天一个JavaScript实例-tab标签切换

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-tab标签切换</title> <style> .tabcontainer{ padding:5px; width:500px; marg

玩转 React(四)- 创造一个新的 HTML 标签

在第二篇文章 <新型前端开发方式> 中有说到 React 有很爽的一点就是给我们一种创造 HTML 标签的能力,那么今天这篇文章就详细讲解下 React 是如何提供这种能力的,作为前端开发者如何来运用这种能力. 在第三篇文章 <JavaScript代码里写HTML一样可以很优雅> 中介绍了 JavaScript 的扩展语法 JSX,相信大家已经知道了,所谓的创造新的 HTML 的能力,其实就是以极其类似 HTML 的 JSX 语法来使用基于 React 编写的视图层组件.所以说,要

label、input、table标签

<label>标签 <form> <label for="male">Male</label> <input type="radio" name"sex" id="male"/> <br> <label for="femal">Female</label> <input type="radio&q

【百度地图API】——如何用label制作简易的房产标签

转:http://www.cnblogs.com/milkmap/archive/2011/08/24/2151073.html 摘要: 最近,API爱好者们纷纷说,自定义marker太复杂了!不仅定义复杂,连所有的dom事件都要自己重新定义.有没有快速简易创建房产标签的方法呢? 答案当然是有的啦~ 我们可以利用label嘛! ------------------------------------------------------------------------------- 一.创建地

一个新人对于DW标签的理解

标签呢分为 一.一般标签 一般标签内又分为 ① 格式控制标签 格式控制标签的书写格式是: <font .....></font>  以font为开头以/font为结尾 font的后面 可以包含有color=""(颜色)size=""(字体大小)face=""(选择字体) 一下所有要修改的内容都是在间括号中间: <b>要加粗的字体</b>    字体加粗 <i>要倾斜的字体</i&g

【 D3.js 入门系列 --- 5.1 】 做一个带坐标轴和标签的图表

前面几节讲解了图标.坐标轴.比例等等,这一节整合这些内容做一个实用的图表.结果图如下: 代码如下所示: [html] view plain copy <html> <head> <meta charset="utf-8"> <title>Chart</title> </head> <style> .axis path, .axis line{ fill: none; stroke: black; sha

自定义一个 freemarker的select标签

该标签可以最终生成类似<select><option></option></select>的html代码. 使用此标签可以简化页面的<select>控件的维护,而且可以兼容多种数据组织方式.可以轻松的控制的<select>的选中. select.ftl <#macro select list=[] defaultOptions={} optionName="name" optionValue="id