HTML <input> checked 属性

在 HTML 中，<input /> 元素是用于创建各种表单控件的标签之一。其中，checked 属性是用来设置输入框是否被默认选中的属性。在本文中，我们将深入探讨 checked 属性的用法和示例。

什么是 checked 属性？

checked 属性是一个布尔属性，用于指定一个复选框或单选按钮是否被默认选中。当 checked 属性存在时，表单控件将被选中；当 checked 属性不存在时，表单控件将不被选中。

如何在 HTML 中使用 checked 属性？

在 HTML 中，可以通过将 checked 属性添加到<input />元素来设置其默认选中状态。下面是一个示例：

<input type="checkbox" checked> 复选框

在上面的示例中，复选框<input />元素被设置为默认选中状态。

checked 属性的取值

checked 属性只有一个取值，即 checked。当 checked 属性存在时，表单控件被选中；当 checked 属性不存在时，表单控件不被选中。

示例代码

复选框示例

<input type="checkbox" checked> 复选框1
<input type="checkbox"> 复选框2

在上面的示例中，第一个复选框被设置为默认选中状态，而第二个复选框则没有被选中。

单选按钮示例

<input type="radio" name="gender" value="male" checked> 男
<input type="radio" name="gender" value="female"> 女

在上面的示例中，男单选按钮被设置为默认选中状态，女单选按钮则没有被选中。

注意事项

• checked 属性只能用于复选框和单选按钮
• 在 HTML5 中，checked 属性可以省略取值，直接写为 checked

通过本文的学习，相信您已经了解了 HTML <input /> checked 属性的基本用法和示例。希朇本文对您有所帮助！