开发者学堂课程【零基础学前端 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>
显示如下可以多选
此外还有一个属性是默认值,默认值属性是单选多选都有的属性。checked 是状态的一个属性,比如默认上海是选中的状态
上海<input name= “c2” type= “checkbox” value= “021” checked>
显示如下图,上海就会被默认选中