前端笔记35——label标签

label标签

<label>标签为 input 元素定义标注（标记）。我们可以通过<label>标签扩大<input>标签的选区。

代码示例

需要的注意的input标签要设置id，然后label必须for="id"。可以复制下面代码运行看效果

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><form action=""><!--显示绑定--><!--单选框太小，点的时候不容易选中，如果点击前面的文字就能实现选中该怎么办--><label for="man">男：</label><input type="radio" name="sex"id="man"/><label for="woman">女：</label><input id="woman" type="radio"name="sex" /><!--隐式绑定--><!--总结：扩大选区--><label>不详：<input type="radio" name="sex"/></label></form></body>
</html>

前端笔记35——label标签相关推荐

前端笔记，table标签中td宽度不受控制的坑
问题发现在table标签中,td的宽度设置好后,是没有用的,因为table是一个整体,他的td宽度是由其中一个最长td宽度决定的, 原因是浏览器默认情况下,如果有一个单词很长,导致一行剩下的空间放不 ...
前端笔记之HTML标签学习
目录一.排版标签 1.标题标签 2.段落标签 3.换行标签 4.水平线标签二.文本格式化标签三.媒体标签 1.图片标签 2.路径 3.音频标签 4.视频标签四.连接标签一.排版标签 1.标题 ...
重新认识笔记体系的标签：了解 tag 和 label 的区别
深入使用过印象笔记的都知道,印象笔记中的笔记本只能建立250个,而标签却有10万个.所以,我们应该了解了笔记本和标签的不同. 笔记本具有容器属性,一条笔记放进一个笔记本,就不能放到另一个笔记本,而我们 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
网页前端培训笔记（HTML标签）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili HTML 教程 | 菜鸟教程 (runoob.com) ...
python的label是什么_Python标签说明,pythontkinter,学习,笔记,之,Label,部件
python tkinter学习笔记之Label部件 Label:安置在窗口上的部件,用来显示文本或图像创建Label: l = tk.Label(window,text='你好!this is T ...
零基础前端笔记（2）html，表格，列表，标签，文本域，表单域
XHTML可扩展超文本标记语言(2) (1)创建表格 (2)表格属性表头单元格标签th 表格标题caption 小说排行榜 (3)合并单元格 (4)划分表格结构 (5)列表标签无序列表有序列表 ...
HTML label标签学习笔记
网址:https://www.w3schools.com/tags/tag_label.asp label能够为下列HTML元素定义标签: 使用label的两个收益: Screen reader us ...
前端中关于HTML标签label的属性for的理解
First:<label>的说明: 1.<label>标签为input元素定义标注(标识) 2.label元素不会像用户呈现任何特殊的效果,仅作为显示扩展:不过,它为鼠标用户 ...

前端笔记35——label标签

label标签

代码示例

前端笔记35——label标签相关推荐

最新文章

热门文章