HTML5单选框与复选框

此博客都是自己学习时记录的一些笔记，仅供参考，如有错误，请予指正

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<!-- 单选框

如果想要有单选的效果，那么单选框的name的值必须相同

-->

性别

<input type="radio" name="sex" id="" value="f"> 女

选择题1：

<input type="radio" name="e1" id="" value="f"> A

<input type="radio" name="e1" id="" value="m"> B

<input type="radio" name="e1" id="" value="f"> C

<!-- 复选框

-name相同的为一组

-属性checked，可以有多个，有多个磨人选择的值

-->

请选出你的男神

<input type="checkbox" name="1" id="" value="wang" checked> 小徐

<input type="checkbox" name="1" id="" value="li"> 小刘

<input type="checkbox" name="1" id="" value="gao" checked> 小黄

<input type="checkbox" name="1" id="" value="xu"> 小高

</form>

</body>

</html>

HTML5单选框与复选框相关推荐

纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...
css美化单选款、复选框
一款美化单选款.复选框的样式支持度: Chrome Firefox Safari Opera IE9 && IE9+ 代码: <!DOCTYPE html> <ht ...
html:(19):单选框，复选框，下拉列表框
使用单选框.复选框,让用户选择在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
单选按钮带文字_一分钟教会你用Word添加单选框和复选框
又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...
java写html的多选框,Selenium+java - 单选框及复选框处理
Selenium+java - 单选框及复选框处理一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例复选框 ...
Vue指令 v-for遍历、下拉列表、单选框、复选框
4 .v-for遍历 4.1 遍历数组中的对象格式:v-for="item in list" 里面也可以返回下标格式:v-for="(item.index) in l ...
vue.js实现单选框、复选框和下拉框
Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框在传统的HTM ...
关于单选框以及复选框的css美化方法
在工作中,遇到单选框和复选框还是一件很头疼的事情.丑就算了,关键是各个浏览器都不一样,这非常让我头疼. 以前一直用JQUERY来解决这个问题.不过js解决复选框没有问题,解决单选框就有点拙荆见肘,需要 ...
使用单选框、复选框，让用户选择
一.引言 html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 二.语法对应语法: <input type=&quo ...

HTML5单选框与复选框

HTML5单选框与复选框相关推荐

最新文章

热门文章