HTML <input> 标签的 checked 属性 详解
HTML基础 2022-06-02 12:02:28小码哥的IT人生shichen
HTML <input> 标签的 checked 属性
实例
带有一个预选定复选框的 HTML 表单：
<form action="form_action.php" method="get">
<input type="checkbox" name="vehicle" value="Car" checked="checked" /> I have a car
</form>
完整实例【亲自试一试】：
<html>
<body>
<form action="/demo/demo_form.php" method="get">
<p><input type="checkbox" name="vehicle" value="Bike" /> I have a bike</p>
<p><input type="checkbox" name="vehicle" value="Car" checked="checked" /> I have a car</p>
<input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击，输入会发送到服务器上名为 "demo_form.php 的页面。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
checked 属性规定在页面加载时应该被预先选定的 input 元素。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。
checked 属性也可以在页面加载后，通过 JavaScript 代码进行设置。
语法
<input checked="value">
属性值
| 值 | 描述 |
|---|---|
| checked | 预先选定复选框或单选按钮。 |
