阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML input type checkbox 类型

      功能介绍

      HTML input元素 <input type="checkbox"> 允许你为表单中(或不在表单中)的提交项选择一个单一值。

      注意: 若表单提交时,checkbox未勾选,则提交的值并非为value=unchecked;此时的值不会被提交到服务器。

      属性

      该元素包含全局属性。

      checked

      当type属性的值为checkbox时, 这个属性的存在表示input是否默认被选中。你可以将该属性设置为checked=“checked”,或更简单地只设置为checked。

      value

      指定input的值。如果省略,获取该元素的值的结果为字符串"on"。

      请注意,如果value值发生改变后页面重新加载,Gecko和IE会忽略HTML源代码中设置的value值。

      indeterminate

      指定checkbox处于不定状态(在大多数平台,这样会产生一个划过checkbox的横线)。

      示例

      <p>
        <input type="checkbox" id="cbox1" value="first_checkbox">
        <label for="cbox1">This is the first checkbox</label>
      </p>
      <p>
        <input type="checkbox" id="cbox2" value="second_checkbox" checked="checked">
        <label for="cbox2">This is the second checkbox, which is checked</label>
      </p>
      

      参考网站:https://developer.mozilla.org/zh/docs/web/html/element/input/checkbox

      目录
      目录