html checkboxes code example

Example 1: input checkbox

<div>
  <input type="checkbox" id="scales" name="scales"
         checked>
  <label for="scales">Scales</label>
</div>

<div>
  <input type="checkbox" id="horns" name="horns">
  <label for="horns">Horns</label>
</div>

Example 2: html checkbox

<!--
  You can group and post different values with the same "name".
  When posted to PHP, all checked boxes' values will appear under
  the "peripherals" element in `$_POST` array.
  E.g. if we check "screen" & "keyboard" and post the form then
  `$_POST` will contain `['peripherals' => ['screen', 'keyboard']]`
-->
<form>
  <input type="checkbox" id="periph1" name="peripherals" value="screen">
  <label for="periph1"> I have a Screen</label>
  <input type="checkbox" id="periph2" name="peripherals" value="keyboard">
  <label for="periph2"> I have a Keyboard</label>
  <input type="checkbox" id="periph3" name="peripherals" value="mouse">
  <label for="periph3"> I have a Mouse</label>
  <button type="submit">Send</button>
</form>

Example 3: how to make html checkboxes

<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>

Example 4: commande checkbox html

<!doctype html>
<html>
  <body>
    
    <input type="checkbox">
    <input type="radio">
    
  </body>
</html>

Example 5: html checkbox check all

function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}

Example 6: how to create checkbox in html

how to create checkbox in html

Tags:

Misc Example

Recent Posts