HTML checked 属性
htmlweb developmentfront end technology更新于 2025/8/28 19:56:17
HTML 中的 checked 属性用于设置 <input> 元素在页面加载时是否处于预选状态。
这适用于输入类型 radio 和 checkbox。
让我们来处理 checkbox 的 checked 属性，即输入类型 checkbox。以下是语法 −
<input type=”checkbox” checked>
上面，我们将其设置为 checked，因为我们希望复选框在网页加载时处于选中状态。现在让我们看一个实现 <input> 元素 checked 属性的示例 −
示例
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id: <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password: <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB: <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone: <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email: <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription: <br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
输出
在上面的例子中，我们有一个包含输入元素和一个按钮的表单 −
<form action="" method="get"> Id: <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password: <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB: <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone: <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email: <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription: <br> <button type="submit" value="Submit">Submit</button> </form>
我们使用输入类型 checkbox 设置了一个复选框。为了在网页加载时将其设置为选中状态，可以使用 checked 属性 −
<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
