您好!欢迎访问家园网-www.jy.wang!

家园网

详解<input type="checkbox" name="keep" id="keep" checked value=

网络 作者:本站 点击:
 <input type="checkbox" name="keep" id="keep" checked value="">7天免登录

以下是HTML代码的逐项解析:

  1. <input>
    HTML输入元素标签,用于创建交互式控件

  2. type="checkbox"
    指定输入类型为复选框(方形选择框)

  3. name="keep"
    表单提交时的参数名称(服务器通过该名称获取值)

  4. id="keep"
    元素的唯一标识符(用于CSS/JavaScript操作和label关联)

  5. checked
    布尔属性(无值属性),表示默认选中状态。单独存在即表示true,等同于checked="checked"

  6. value=""
    表单提交时传递的值(空字符串),若选中则提交"on"(未指定value时)或空字符串(本例)

  7. 7天免登录
    复选框的标签文本(实际应用中建议用<label for="keep">包裹)

关于checked属性的重点说明:

  • 当存在时(无论是否有值),复选框初始状态为选中

  • 当不存在时,复选框初始状态为未选中

  • 属于布尔属性(类似disabledreadonly等),HTML5规范允许省略属性值

  • 可通过JavaScript动态修改:document.getElementById('keep').checked = true/false

实际效果:

  • 页面加载时会显示一个已选中的复选框

  • 旁边显示文字"7天免登录"

  • 表单提交时若保持选中,会提交参数keep=(空值)


标签: