react----Label 中的for 改为 htmlFor

react Label 中的for 改为 htmlFor

同时再记录一下 HTML 标签的 for 属性

学习网址

定义和用法
for 属性规定 label 与哪个表单元素绑定。

隐式和显式的联系
标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为标签下的 for 属性命名一个目标表单 id，这样就是显式形式。

例如，在 XHTML 中：

显式的联系：

<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

隐式的联系：

<label>Date of Birth: <input type="text" name="DofB" /></label>

第一个标记是以显式形式将文本 “Social Security Number:” 和表单的社会安全号码的文本输入控件 (“SocSecNum”) 联系起来，它的 for 属性的值和控件的 id 一样，都是 SSN。第二个标记 (“Date of Birth:”) 不需要 for 属性，它的相关控件也不需要 id 属性，它们是通过在标签中放入标签来隐式地连接起来的。

浏览器支持
所有主流浏览器都支持 for 属性。

Safari 2 或更早的版本不支持 for 属性。

语法

<label for="value">

react----Label 中的for 改为 htmlFor相关推荐

python怎么改字体_python,tkinter_Tkinter Label 如何改变Label中的文字样式，例如给文字加删除线，python,tkinter - phpStudy...
Tkinter Label 如何改变Label中的文字样式,例如给文字加删除线如题.未查到Tkinter下,促发条件后,是否能修改label中文字的样式 class Pomodoro_app(Tk) ...
jsx 调用php,JavaScript_JavaScript的React框架中的JSX语法学习入门教程，什么是JSX？在用React写组件的 - phpStudy...
JavaScript的React框架中的JSX语法学习入门教程什么是JSX? 在用React写组件的时候,通常会用到JSX语法,粗看上去,像是在Javascript代码里直接写起了XML标签,实质上 ...
数据可视化：在 React 项目中使用 Vega 图表 (一)
相关包打开搜索引擎,一搜 Vega,发现相关的包有好几个,Vega, Vega-Lite, Vega-Embed,React-Vega 等等,不免让人头晕. 别急,它们之间的关系三四句话就能说明白, ...
如何在React Native中写一个自定义模块
前言在 React Native 项目中可以看到 node_modules 文件夹,这是存放 node 模块的地方,Node.js 的包管理器 npm 是全球最大的开源库生态系统.提到npm,一般指 ...
React开发中使用fetch进行异步请求
React开发中使用fetch进行异步请求最新的Web API接口中提供了一个全局fetch方法,从而以一种更为简单.合理的方式来支持跨网络异步获取资源. 这种功能以前是使用 XMLHttpRequ ...
如何在 React Native 中写一个自定义模块
前言在 React Native 项目中可以看到 node_modules 文件夹,这是存放 node 模块的地方,Node.js 的包管理器 npm 是全球最大的开源库生态系统.提到npm,一般指 ...
React开发中常用的工具集锦
本文从属于笔者的React入门与最佳实践系列. 本文记录了笔者在React开发中常见的一些工具插件,如果你想寻找合适的项目生成器或者模板,请参考笔者的使用Facebook的create-react-a ...
React项目中请求跨域解决方法
React项目中请求跨域解决方法今天经理给我了一个React项目地址,让我拉下来并跑起来,拉下来运行起来后,发现所有的请求都失败了,并且都是由于跨域问题导致的.花了点时间,解决了这个问题,在这里记录 ...
【React】1128- 如何在 React 组件中优雅的实现依赖注入
控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度,其中最常见的方式就是依赖注入(Dependency Inject ...

react----Label 中的for 改为 htmlFor

react----Label 中的for 改为 htmlFor相关推荐

最新文章

热门文章