关于编辑器对input标签报错提示“表单输入没有相关label”的问题

　　相信很多朋友在制作表单的时候，我们的编辑器会有下图的相关提示吧

　　我们发现虽然这样并不影响我们的正常使用，但是看着这样的报错提示总是很让人心烦，那么这到底是为什么呢？

　　其实，这是因为编辑器建议我们在使用<input>标签时，用相应的<label>标签对其进行标记。不想百度的同学可以继续往下看喽：

　　<label>标签其实是为了方便鼠标用户选择的标签，，如图，当我们在选择男女时，通常会点击里面的圆圈，但是如果遇到这样的情况呢，想必点圆圈大家就会觉得很麻烦了吧？这时候就该<label>出场了，代码如下：

 <input type="radio" name="consider" id="1" value="henhao" checked/>
<label for="1">我认为这样很好</label>
<input type="radio" name="consider" id="2" value="butaihao"/>
<label for="2">我认为这样不太好</label>

这样，当我们点击圆圈旁边的字的时候，也就会发生和点击圆圈一样的效果。会不会觉得这样很麻烦？嘿嘿，<label>标签还有一个小技巧，你可以把代码写成这样

<label><input type="radio" name="consider" value="henhao" checked/>我认为这样很好
</label>
<label><input type="radio" name="consider" value="butaihao"/>我认为这样不太好
</label>

成了，只要用<label></label>标签把<input>标签包涵进去就可以了

转载于:https://www.cnblogs.com/ztsuper/p/8303599.html

关于编辑器对input标签报错提示“表单输入没有相关label”的问题相关推荐

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错
this.$refs.form.validate((valid, object) => {if (valid) {alert('submit!');} else {var str = ''con ...
gpt磁盘标签linux,解决安装CentOS6.5时报错提示“sda 必须有一个GPT磁盘标签”
解决安装CentOS6.5时报错提示"sda 必须有一个GPT磁盘标签" 今天想在thinkpad t430u上安装CentOS6.5 时总共遇到了两个问题 1> u盘安 ...
解决iview中＜/Input＞标签报错的方法
解决iview中标签报错的方法参考文章: (1)解决iview中标签报错的方法 (2)https://www.cnblogs.com/lanyb009/p/9246712.html 备忘一下.
pycharm安装pytorch报错提示系列问题 torch 包找不到因为pip版本低，结果升级了pip从19.3到20.2 4又提示高版不支持torch安装
pycharm安装pytorch报错提示系列问题 torch 包找不到因为pip版本低,结果升级了pip从19.3到20.2 4又提示高版不支持torch安装 DEPRECATION: The - ...
Vue使用echarts报错提示 vue.runtime.esm.js?2b0e:1897 Error: Initialize failed: invalid dom.
在Vue脚手架+antd搭建的项目中使用Antd的Tabs标签页进行切换时,B页面的Echarts不进行渲染,而且报错提示说Dom无效,思考了一下原因应该是切换页面后,本页面的dom还未渲染,但是已 ...
vscode新手注意事项(字体间隔，报错提示波浪线，头文件路径，opencv头文件路径)
一.字体空格刚安装vscode,不设置字体的话,字体间的间隔会很难受,需要进行如下配置. 在设置->首选项选择文本编辑器->字体 ,将"FONT Family " ...
python有时候没有智能提示_python没有报错提示
Python中没有报错提示的代码示例:def count_words(filename): try: with open(filename) as f_obj: contents=f_obj.read ...
报错提示：java.lang.IllegalArgumentException: Target must not be null
报错提示: org.springframework.web.util.NestedServletException: Request processing failed; nested excepti ...
搭建dubbo项目解决dubbo.xml标签报错的问题
搭建dubbo项目解决dubbo.xml标签报错的问题参考文章: (1)搭建dubbo项目解决dubbo.xml标签报错的问题 (2)https://www.cnblogs.com/ajax-li/ ...

关于编辑器对input标签报错提示“表单输入没有相关label”的问题

关于编辑器对input标签报错提示“表单输入没有相关label”的问题相关推荐

最新文章

热门文章