HTML中的for属性的用法

最新推荐文章于 2023-02-15 18:35:27 发布
最新推荐文章于 2023-02-15 18:35:27 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 随笔 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XuChang_webKaiFa/article/details/8023556
版权
大家会上京东那些网站去购物吧，当我们支付的时候系统会让我们去选择用哪一个银行去支付，然后列出N多的银行的logo,前面是一个单选按纽(如下图)

，我们是点击各个银行的logo，而不用去点那上单选，这种效果该怎么实现呢？也许有人一下就反应过来说用JS，没错，JS是可以实现，但是现在完全不用JS就可以实现

那就是用HTML中的元素的for就可以了，这个for属性只针对label标签有用，其它的好像不起作用。以下是源码

 每一个label的for属性的值都是指向它所对应的单选按纽的id属性值。用起来很简单的哦！值得注意的是：不能直接把图片放到label之间，我也不知道为什么

呵呵，不用JS，也可以达到我们想要的结果哦，是不是好简单呢？这种用法很少见，偶然遇见了，就和大家一起分享了！

徐畅_web开发
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript-如何遍历对象中的属性，for...in语句的使用
weixin_44486539的博客
11-04 1984
JS对象中存储的数据是无序的，通过 for 循环无法遍历，这时就可以使用 for...in 来进行遍历 for…in for...in 语句可用于遍历对象属性或数组元素；循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。 语法： for (variable in object) { 代码块; } 参数： variable 遍历的是对象时其值为对象中的属性名，遍历的是数组是其...
html中写for,HTML标签的for属性
weixin_32809369的博客
06-03 995
HTML 标签的 for 属性for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系label通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 label 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。例如，在 XHTML 中：显式的联系：Social Security Number:隐式的联系：Date of B...
html for 应用
u013400314的博客
07-05 249
for：属性规定label与哪个表单元素绑定显示联系： 隐式联系： 所为联系，就是点击label，跟点击input 效果一样的， input 都会获得焦点
HTML中for属性
科技向善
12-27 2291
<!-- 实际开发需要把input放进label中--> <!-- 重要：for 属性规定 label 与哪个表单元素绑定。 --> <label v-for="item in originHobbies" :for="item"> <!-- 使用item进行动态绑定value属性和id属性 --> <input...
html lable for 属性
GoodIdea
04-19 343
定义和用法for 属性规定 label 与哪个表单元素绑定。&lt;form&gt; &lt;label for="male"&gt;Male&lt;/label&gt; &lt;input type="radio" name="sex" id="male" /&gt; &lt;br /&gt; &lt;label for=&
html5中的for用法,for的用法有哪些
weixin_42146230的博客
06-23 486
for的用法主要有表示支持、目的、时间、原因、作为、用途、动作的对象等。for作连词是因为、由于的意思，for作介词有给，对，供;以帮助;为了;关于的意思。1. 表示“当作、作为”。如：I like some bread and milk for breakfast. 我喜欢把面包和牛奶作为早餐。What will we have for supper? 我们晚餐吃什么？2. 表示理由或原因，意为...
在vue中,v-for的索引index在html中的使用方法
08-27
本文将详细介绍如何在HTML中使用`v-for`的`index`属性。 首先，`v-for`的基本语法如下： ```html <template v-for="(item, index) in array"> <!-- 内容 --> ``` 在这个语法中，`item`是数组中的当前项，`index...
Vue用v-for给循环标签自身属性添加属性值的方法
10-17
本文将详细介绍三种在Vue中使用`v-for`给循环标签自身属性添加属性值的方法。 ### 方法一：动态绑定属性 在第一个示例中，我们看到尝试在`<Radio>`标签上设置`label`属性时遇到了问题。原始代码如下： ```html ...
vue中的循环对象属性和属性值用法
10-14
在本篇文章中，我们将详细讨论如何在Vue中使用`v-for`来循环对象的属性和属性值。 首先，让我们回顾一下在Vue中如何通过`v-for`循环数组。通常，对于数组，`v-for`的语法是这样的： ```html <li v-for="item in ...
vue中 v-for循环的用法详解
11-21
本文将详细介绍`v-for`在Vue中的使用方法，包括循环普通数组、对象数组、单一对象以及数字，以及`key`属性的正确使用。 1. **v-for循环普通数组** 在Vue中，当你需要遍历一个数组并显示其内容时，可以使用`v-for`...
htmlFor的使用
qq_40615442的博客
12-04 1067
<label htmlFor="insertArea">请输入内容</label> <input id="insertArea" className="input" value={this.state.inputValue} onChange={this.handleInputChange.bind(this)} /> 给labe...
html中写for,@Html.EditorFor
weixin_39639622的博客
06-03 184
原标题：@Html.EditorForMVC3框架好像没有提供通用的用于分页的控件，有些好心网友提供了一些不错的控件。可惜我这个人没耐心，不愿意花一点时间去学习别人控件的用法，就自己花了点时间写了一段简单通用代码，拿出来和那家分享。不是我想去重复发明轮子，只是觉得这个分页控件内容太少，自己做一个的时间可能要少于学习第三方控件使用的时间，并且维护起来还方便。另外，MVC3实现一个类似的功能非常方便，...
html中for属性的作用 -------- for属性一般出现在html中的＜lable＞标签中
热门推荐
mr~li的博客
01-08 1万+
for 用户表单的标签上，属性值为需要关联的输入框id。 &lt;input text="radio" name="gender" id="gender_1" value="男" /&gt;&lt;label for="gender_1"&gt;男&lt;/label&gt; &lt;input text="radio" name=&
html标签中哪些支持for属性,哪些html元素有for属性
weixin_31212247的博客
06-04 394
有for属性的html元素：1、label元素；for与label元素一起使用时，for属性指定标签绑定到哪个表单元素。2、output元素；for与output元素一起使用时，for属性指定计算结果与计算中使用的元素之间的关系。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。for属性适用的html元素元素名说明for与元素一起使用时，for属性指定标签绑定到哪个表单元素...
html中插入for循环,如何在html文档中使用for循环
weixin_33034651的博客
06-25 5186
我想做一个网站与一个博览会的组织者地图。所以我需要实现一个交错for循环。你知道吗@var entry_a;@@var entry_b;@@var loop_i;@@var loop_y;@@for loop_i = 0; loop_i < context.length; loop_i++@@entry_a = context[loop_i];@@for loop_y = 0; loop_y...
html标签中哪些支持for属性,html中哪些元素含有for属性
weixin_39606911的博客
06-04 338
html中哪些元素含有for属性发布时间：2021-05-12 09:58:34来源：亿速云阅读：67作者：小新这篇文章主要介绍了html中哪些元素含有for属性，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。有for属性的html元素：1、label元素；for与label元素一起使用时，for属性指定标签绑定到哪个表单元素。2、o...
Django html 中{% if %}， {% for %}的使用
mumudaiaomuwu的博客
02-15 935
Django html 中{% if %}， {% for %}的使用
【Web】JavaScript（No.45）循环结构-for语句
Sherry带你学Web
08-12 245
for语句 需要素材点击图片联系我或私信、评论 while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便 for循环语法： // for循环的表达式之间用的是;号分隔的，千万不要写成, for (初始化表达式1; 判断表达式2; 自增表达式3) { // 循环体4 } 执行顺序：1243 ---- 243 -----243(直到循环条...
html for 循环模板
Dontla的博客
01-27 1130
{% for foo in url_for %} {% endfor %}
使用jsoup清除html中所有标签的属性
最新发布
06-09
可以使用以下代码使用jsoup清除HTML中所有标签的属性： ```java String html = "<p style=\"color:red;\">This is some text.</p>"; Document doc = Jsoup.parse(html); // 获取所有标签 Elements elements = doc.getAllElements(); // 遍历所有标签 for (Element element : elements) { // 清除标签的所有属性 element.removeAttr("style"); } // 输出处理后的HTML System.out.println(doc.html()); ``` 在这个例子中，首先我们使用`Jsoup.parse()`方法将HTML字符串解析为一个`Document`对象。然后，我们使用`getAllElements()`方法获取所有标签，并使用`removeAttr()`方法清除标签的所有属性。最后，我们使用`html()`方法输出处理后的HTML字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值