关于编辑器对<input>标签报错提示…
2018-06-24 02:12:48来源:未知 阅读 ()
相信很多朋友在制作表单的时候,我们的编辑器会有下图的相关提示吧
我们发现虽然这样并不影响我们的正常使用,但是看着这样的报错提示总是很让人心烦,那么这到底是为什么呢?
其实,这是因为编辑器建议我们在使用<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>标签包涵进去就可以了
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:前端程序员容易忽视的一些基础知识
- 关于vue的多页面标签功能,对于嵌套router-view缓存的最终无 2020-06-01
- 关于浏览器兼容问题 2020-05-27
- 美化博客园样式 2020-05-17
- How to Create Responsive Tables using CSS without &l 2020-04-30
- 【Vue】基础(数据 & 计算属性 & 方法) 2020-04-22
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash