复选框| 学习笔记

简介: 快速学习复选框。

开发者学堂课程【零基础学前端 HTML+CSS 复选框】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5120


复选框

 

内容介绍:

一、复选框

二、示例

 

一、复选框

name 属性:

指定复选框的名字,自行定义,用英文字母定义即可。

type 属性:

单选框的 type 固定为 checkbox

value 属性:

指定该选项的值

checked 属性:

该属性固定值为 checked,表示选中该选项

跟单选框属性一样,区别就是 TYPE 类型是 checkbox

 

二、示例

输入代码:

<tr>

<td>

选择城市: 北京<input name= “c1” type= “checkbox” value= “010”>上海<input name= “c2” type= “checkbox” value= “021”>

</td>

</tr>

显示如下可以多选

image.png此外还有一个属性是默认值,默认值属性是单选多选都有的属性。checked 是状态的一个属性,比如默认上海是选中的状态 

上海<input name= “c2” type= “checkbox” value= “021” checked>

显示如下图,上海就会被默认选中

image.png

相关文章
|
7月前
|
JavaScript
uniapp中复选框的使用
uniapp中复选框的使用
340 0
|
4月前
点击全选获取所有复选框
点击全选获取所有复选框
33 1
|
2月前
|
大数据 云计算
复选框
【10月更文挑战第1天】复选框。
32 2
|
4月前
|
JavaScript 前端开发
复选框的全选和取消
该博客文章提供了HTML和JavaScript代码实现复选框的全选和取消全选功能,并展示了测试结果的截图。
复选框的全选和取消
|
4月前
点击全选,使所有复选框被选中
点击全选,使所有复选框被选中
55 0
|
XML Java API
按钮和复选框控件
按钮和复选框控件
95 0
Vant3——复选框点击其他后格外出现一个输入框
复选框点击其他后格外出现一个输入框
227 0
复选框和单选按钮
复选框和单选按钮
150 0