文档章节

HTML <label> 标签的 for 属性

writeademo
 writeademo
发布于 2016/10/11 09:41
字数 364
阅读 11
收藏 0
HTML 标签的 for 属性
实例
带有两个输入字段和相关标记的简单 HTML 表单:
Male

Female

定义和用法
for 属性规定 label 与哪个表单元素绑定。
隐式和显式的联系
标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。
例如,在 XHTML 中:
显式的联系:
Social Security Number:

隐式的联系:
Date of Birth:
第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来,它的 for 属性的值和控件的 id 一样,都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性,它的相关控件也不需要 id 属性,它们是通过在 标签中放入 标签来隐式地连接起来的。
浏览器支持
所有主流浏览器都支持 for 属性。
Safari 2 或更早的版本不支持 for 属性。

语法

属性值
值 描述

element_id label 要绑定的元素的 id。
总的来说有两种关联的方式:
1.显式的联系:
Social Security Number:


2.隐式的联系:(已试过)
Date of Birth:

© 著作权归作者所有

writeademo
粉丝 25
博文 632
码字总数 229415
作品 0
东城
私信 提问
CSS 全解析实战(二)-HTML基础强化

1 HTML常见元素和理解(1) HTML 常见元素 HTML 重要属性 2 HTML常见元素和理解(2) 标签的 HTML5新属性 表格 label 为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果...

一生只为虞美人
2018/07/09
0
0
C++中函数的安全版本的意义及strcpy函数的功能和差别(图)

C++中函数的安全版本的意义及strcpy函数的功能和差别(图) 我们在进行C/C++编程时,会发现<cstring>中有些函数在VS中使用时,提示使用s的函数版本,其实这种s的函数版本是安全版本,它们完成...

原创小博客
2018/08/29
6
0
django为Form生成的label标签添加class

使用Form生成html标签的时候,虽然提供了widget的方法可以自定义标签的要是,但是只能给生成的input标签添加样式,对于生成的label标签无法添加样式。而很多场景下需要为label和input都添加c...

骑士救兵
2018/05/25
0
0
01-UI基础-02UILable

继承关系 一、初始化 二、属性 2.1、text(标签文本) 设置标签显示文本。 2.2、attributedText(标签属性文本) 设置标签属性文本。 2.3、font(字体) 设置标签文本字体。默认是系统自带字体...

口十耳
2016/01/04
11
0
Bootstrap响应式前端框架笔记四——表单

Bootstrap响应式前端框架笔记四——表单 一、基本表单样式 在Bootstrap框架中,可以为表单标签添加form-control属性来为其设置默认样式,默认表单控件的宽度将充满父容器标签。需要注意,在布...

珲少
2016/12/06
254
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.1K
14
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部