← 返回首页
<input type="checkbox"> - HTML: Lenguaje de etiquetas de hipertexto | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Tecnología web para desarrolladores
  2. HTML: Lenguaje de etiquetas de hipertexto
  3. Referencia HTML
  4. Referencia de Elementos HTML
  5. input
  6. <input type="checkbox">
Theme
  • OS default
  • Light
  • Dark
Español
Remember language Learn more

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

<input type="checkbox">

El elemento HTML <input type="checkbox"> es un elemento de entrada que te permite insertar un vector o array de valores. El atributo value es usado para definr el valor enviado por el checkbox. El atributo checked se usa para indicar que el elemento está seleccionado. El atributo indeterminate se usa para indicar que el checkbox esta en un estado indeterminado (en la mayoria de las plataformas, esto dibuja una linea horizontal que atraviesa el checkbox).

In this article

Atributos

Este elemento posee los "atributos globales".

checked

Cuando el valor del atributo type es checkbox, la presencia de este atributo booleano indica que el control se selecciona de forma predeterminada; de lo contrario, se ignora.

value

El valor inicial de control. Si se omite la propiedad value, el resultado devuelto al leer esta propiedad será la cadena on. Tenga en cuenta que al volver a cargar la pagina, Gecko y IE ignorarán el valor especificado en el código HTML, si el valor se cambió antes de la recarga.

indeterminate

Indica que la casilla de verificación está en un estado indeterminado (en la mayoría de las plataformas, dibuja una línea horizontal a través del checkbox).

Ejemplo

html
<label ><input type="checkbox" id="cbox1" value="first_checkbox" /> Este es mi primer checkbox</label ><br /> <input type="checkbox" id="cbox2" value="second_checkbox" /> <label for="cbox2">Este es mi segundo checkbox</label>

Esto crea dos casillas de verificación, que se ven así:

Especificaciones

Specification
HTML
# checkbox-state-(type=checkbox)

Compatibilidad en navegadores

html.elements.input.type_checkbox

Enable JavaScript to view this browser compatibility table.

html.elements.input.switch

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 20 jun 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML: Lenguaje de etiquetas de hipertexto
  2. Guides
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. Categorías de contenido
    5. Date and time formats
    6. Microdatos
    7. Microformatos
    8. Modo quirks y modo estándar
    9. Imágenes adaptables
  3. How to
  4. Define terms with HTML
  5. Uso de atributos de datos
  6. Imagen con CORS habilitado
  7. Add a hitmap on top of an image
  8. Consejos para la creación de páginas HTML de carga rápida
  9. Add JavaScript
  10. Reference
  11. Elements
    1. <a>
    2. <abbr>
    3. acronym
    4. <address>
    5. <area>
    6. <article>
    7. aside
    8. Audio
    9. b
    10. <base>
    11. <bdi>
    12. bdo
    13. big
    14. blockquote
    15. <body>
    16. <br>
    17. button
    18. canvas
    19. caption
    20. <center>
    21. cite
    22. code
    23. col
    24. colgroup
    25. <data>
    26. datalist
    27. dd
    28. del
    29. <details>
    30. dfn
    31. <dialog>
    32. dir
    33. <div>
    34. dl
    35. dt
    36. em
    37. embed
    38. <fencedframe>
    39. fieldset
    40. <figcaption>
    41. figure
    42. font
    43. footer
    44. form
    45. frame
    46. frameset
    47. <geolocation>
    48. Elementos títulos
    49. head
    50. header
    51. hgroup
    52. <hr>
    53. <html>
    54. i
    55. <iframe>
    56. <img>
    57. input
    58. ins
    59. kbd
    60. <label>
    61. legend
    62. li
    63. link
    64. <main>
    65. map
    66. <mark>
    67. <marquee>
    68. <menu>
    69. meta
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. noframes
    75. noscript
    76. <object>
    77. ol
    78. <optgroup>
    79. <option>
    80. <output>
    81. p
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. s
    94. samp
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. small
    102. <source>
    103. span
    104. strike
    105. strong
    106. style
    107. sub
    108. <summary>
    109. sup
    110. tabla
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. time
    119. <title>
    120. <tr>
    121. <track>
    122. tt
    123. u
    124. ul
    125. var
    126. video
    127. <wbr>
    128. <xmp>
  12. Attributes
    1. HTML el atributo: accept
    2. autocomplete
    3. capture
    4. content
    5. Atributos de configuración CORS
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. HTML el atributo: min
    16. HTML el atributo: minlength
    17. HTML el atributo: multiple
    18. pattern
    19. placeholder
    20. readonly
    21. Tipos de enlaces
    22. required
    23. size
    24. step
  13. Global attributes
    1. accesskey
    2. anchor
    3. autocapitalización
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. Attributes by element
    1. <input type>
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. <script type>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. Etiqueta meta del Viewport
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      1. alternate stylesheet
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. preload
      12. prerender

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.