`
piperzero
  • 浏览: 3553670 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

html之lable

阅读更多

lable这个以前也见过,只是从来没注意过,今天才发现原来这个东西还是挺好用的,主要就是它的for功能

为空间定义lable。当你按了label中的文字,可以让文字与控件联系在一起

<form name="input" action="">
<input type="radio" name="input" id="input1" value="1"><label for="input1">请点我</label >

<input type="radio" name="input" id="input2" value="2"><label for="input2">click me</label >


<br>

<label for="text">请点我</label >

<textarea name="text" id="text" value="text" onfocus="this.select();">
点它就等于点我
</textarea>
</form>


很容易看出lable的作用,即指向for所指向的元素,作用等同于点击for指向的元素

可以简写
<label>
<input type="radio" onclick="alert('radio is clicked');">点击了
</label>
分享到:
评论

相关推荐

    html中label标签的使用

    HTML中的`&lt;label&gt;`标签是网页表单设计中不可或缺的一部分,它主要用于关联一个表单控件,如输入框、复选框或单选按钮等,为用户提供更好的交互体验。`&lt;label&gt;`标签的主要作用在于提高可点击区域,使得用户能够更方便...

    Label里显示html

    Label里显示html

    html label标签的使用教程

    当用户点击带有`for`属性的`&lt;label&gt;`标签时,与之关联的表单控件将会获得焦点。 - **用法**: ```html &lt;label for="inputName"&gt;姓名&lt;/label&gt; ``` 2. **`accesskey`属性** - **功能**:`accesskey`属性用于...

    Leaflet.label-master.zip

    包含leaflet开发地图所需的框架和插件,比如leaflet.label.js,leaflet.label-src.js,example中可以运行label.html,可修改为加载本地离线的瓦片地图 实现的功能有: 显示标记的矩形框,点,线 移动标记以确认...

    Label的ToolTip属性,或是a标签的提示换行问题

    在探讨“Label的ToolTip属性,或是a标签的提示换行问题”这一主题时,我们首先需要理解几个核心概念:ToolTip属性、HTML编码与解码、以及如何在网页中实现文本的换行。以下是对这些概念的详细解析: ### 1. ToolTip...

    labelImg安装教程.docx

    - `lxml`:用于处理 XML 和 HTML 文档,是 LabelImg 的关键依赖之一。 - `PyQt5`:提供 GUI(图形用户界面)框架,使 LabelImg 能够显示和操作窗口。 - `PyQt5_tools`:扩展 PyQt5 功能,包含了一些额外的工具。 ...

    H5 label 绑定表单元素增强 input 的响应区

    在HTML5中,`label`元素是一个非常重要的组成部分,它用于与表单元素进行关联,增强用户交互体验,特别是对于移动设备来说,这种绑定尤为重要。`label`元素不仅提供了更清晰的视觉提示,还能帮助增大输入框的点击...

    Label控件aa

    在HTML输出中,Label控件会将文本包裹在`&lt;span&gt;`标签内,这使得我们可以利用CSS来控制文本的样式。例如,我们可以通过设置Label的ForeColor属性来改变文本颜色,或者通过CssClass属性应用预定义的CSS样式。Label控件...

    el-select获取选中的label值.pdf

    在处理用户交互时,有时我们需要获取选中项的`label`或`value`值。从提供的信息来看,这里介绍的是如何在不通过循环遍历选项的情况下,直接获取`el-select`组件选中项的`label`值。 首先,`el-select`组件允许我们...

    表单验证及<label for>应用

    `&lt;label&gt;`元素在HTML中用于定义一个与表单元素关联的标签,`for`属性则用来指定这个标签所对应的表单元素的ID。这种关联不仅提高了可访问性,使得屏幕阅读器用户更容易理解表单元素的功能,还提供了更好的交互体验,...

    List & Label 17.7z

    在报表生成过程中,List & Label 17提供了多种输出格式,包括PDF、HTML、Excel、图片等,满足了不同场合下的输出需求。此外,它还支持电子邮件直接发送报表,便于远程协作和信息共享。 对于Delphi开发者来说,List ...

    IOS-文字滚动的Label

    总之,创建一个可以滚动的文字Label在iOS开发中是一项常见的任务,无论是通过UIWebView的HTML特性还是自定义Label类,都可以满足这一需求。同时,与滑动标签的结合使用可以增强用户体验,提供更丰富的信息展示方式。

    爱码哥平台:原生控件-label标签

    `label`标签支持嵌入简单的HTML标签,实现图文混排。支持的标签包括但不限于: - `&lt;font&gt;`: 设置字体颜色、大小。 - `&lt;a&gt;`: 创建超链接。 - `&lt;img&gt;`: 插入图片。 - `&lt;b&gt;`: 加粗文本。 - `&lt;u&gt;`: 下划线。 - `...

    cocos2dx HTML Label & scrollview & checkboxgroup & 血条

    在Cocos2d-x中,HTML Label允许开发者使用HTML语法来创建和展示文本,这为游戏UI提供了更多的灵活性和控制。通过HTML标签,你可以实现加粗、斜体、颜色、链接等效果,甚至可以插入图片。例如,你可以使用`&lt;b&gt;`标签使...

    htmllabel:Xamarin.FormsHTML标签

    注意:此控件用于基本文本格式(例如,粗体,斜体,超链接...您可以像Xamarin.Forms ContentPage上的任何其他控件一样使用HtmlLabel 。 使用平台的本机文本格式设置方法, Text属性的值将呈现为HTML。 XAML示例 &lt;

    cytoscape-node-html-label:cytoscape节点的标签。 演示版

    cytoscape-node-html-label描述此扩展提供了为Cytoscape节点添加标签的功能。 简单的例子: cyInstance.nodeHtmlLabel( [{ tpl: d =&gt; '&lt;div&gt;' + d + '&lt;/div&gt;' }] ); 演示: : 特征针对具有大量节点的高性能进行了...

    ant design vue 的 description组件中 label 默认样式的更改.pdf

    对于`label`的样式调整,可以利用`v-slot`语法创建一个插槽,并在其中添加自定义的HTML元素来实现居中对齐。以下是具体代码示例: ```html &lt;antd-description-item :label="item.name"&gt; &lt;template v-slot:...

    flex button的label字体垂直显示

    `.lib`目录可能包含了项目的库文件,而`html-template`则可能包含了发布的HTML包装器模板。 在`src`目录下,通常会包含应用的源代码,包括ActionScript类文件和MXML组件文件。如果我们要实现垂直显示的`Button`,...

    label-studio-master.rar

    4. `templates`和`static`目录:分别存储HTML模板和静态资源,如CSS样式表、JavaScript文件和图片,它们共同构成了Label Studio的用户界面。 5. `examples`目录:包含了一些示例项目和数据,帮助用户快速上手和了解...

Global site tag (gtag.js) - Google Analytics