优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...

1 单选: type="radio"

需求: 男女input只能选择一个

<input type="radio" name="sex" value="男" >男<input type="radio" name="sex" value="女"  >女

2 多选: type="checkbox"

<input type="checkbox" title="吃饭" >吃饭
<input type="checkbox" title="睡觉" >睡觉
<input type="checkbox" title="打豆豆">打豆豆

3 自定义勾选图片的input:

需求: 勾选时, 自定义勾选图片且单独勾选

h5:<span class="cheSpan">   <input type="radio" class="check" id="aaa" name="card">   <label for="aaa"></label></span>

css .cheSpan {position: relative;margin-right: 37px;}.cheSpan .check {position: absolute;width: 16px;height: 16px;visibility: hidden;}.cheSpan .check+label {display: inline-block;width: 16px;height: 16px;background: url("../images/emptyPoint.png") no-repeat center center;border: 1px solid #898989;border-radius: 50%;margin-bottom: -3px;cursor: pointer;}.cheSpan .check:checked+label {background: url("../images/clickPoint.png") no-repeat center center;background-size: 16px 16px;}

转载请注明出处:https://www.cnblogs.com/autoXingJY/p/10495759.html

转载于:https://www.cnblogs.com/autoXingJY/p/10495759.html

优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...相关推荐

优秀web前端工程师必备_优秀的Web工程师的技能和素质
优秀web前端工程师必备 In this one-on-one episode of the Versioning Show, Tim and David talk about what makes ...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏）、动画组件库、3D组件库】
Vue常用的组件库大全[前端工程师必备] (一)移动端常用组件库 1)Vant ui 2)Cube UI 3)VUX 4) NuTUI 5)Mint ui 6)Varlet UI 7)OnsenUI ...
移动互联的“大熊猫”——优秀前端工程师
相信互联网行业的人一定不陌生"资本寒冬"这个名词,在经历了资本繁荣到资本寒冬阶段,部分实力不强的公司走向崩溃,比如去年曾经火热的O2O接连倒闭,很多盈利模式不清晰,或者烧钱太快又没 ...
前端工程师必备九大网站
01 GitHub https://github.com/ 这个网站托管着很多优质的开源项目,像你可能听说过的 Linux,React,Vue,Webpack,JQuery等都在这个网站上开源.你可以 ...
月薪过万的web前端工程师必备的5大核心技能！
Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3 ...
那些帮助你成为优秀前端工程师的讲座——《性能篇》
这篇文章是前端优秀讲座和讨论列表系列连载第七篇,介绍前端性能优化技巧.前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势. 您可 ...
优秀前端工程师简历收集
搜集了一些网上一些自己觉得优秀的web前端工程师的简历,就整理收藏一下吧,写简历的时候可以当做模板参考一下. http://www.linqing07.com/resume.html http://w ...
摹客，前端工程师必备开发神器
工欲善其事,必先利其器! 相信每个前端都经历过用PS手动切图的原始手法,有时候偷懒,还会直接用QQ截图,现在想想真是初生牛犊不怕虎,怎么方便怎么来~ 当时就在想,如果能有一款神器,帮我解放切图这种&q ...
picACG本地缓存目录_前端工程师必备之缓存问题
缓存是个老生长谈的问题,对于前端工程师来讲更是我们的必修课.或许很多人会说我的项目并没有问题,根本不需要聊什么缓存.如果真的是这样,只能证明你前端道路才刚刚开始. 背景小郭今天分享缓存的原因在于:公 ...

优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...

优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...相关推荐

最新文章

热门文章

优秀前端工程师必备: checkbox radio--单钩 多钩 大比较:你是♂||♀ , 还是 ♂♀...

优秀前端工程师必备: checkbox radio--单钩 多钩 大比较:你是♂||♀ , 还是 ♂♀...相关推荐

最新文章

热门文章

优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...

优秀前端工程师必备: checkbox radio--单钩多钩大比较:你是♂||♀ , 还是 ♂♀...相关推荐