Html radio button

Radio buttons html

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other

Html radio button checked

  <input type="radio" id="huey" name="drone" value="huey"
         checked> 
<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio-->

Input radio html

<form>
  <p>Veuillez choisir la meilleure méthode pour vous contacter :</p>
  <div>
    <input type="radio" id="contactChoice1"
     name="contact" value="email">
    <label for="contactChoice1">Email</label>

    <input type="radio" id="contactChoice2"
     name="contact" value="telephone">
    <label for="contactChoice2">Téléphone</label>

    <input type="radio" id="contactChoice3"
     name="contact" value="courrier">
    <label for="contactChoice3">Courrier</label>
  </div>
  <div>
    <button type="submit">Envoyer</button>
  </div>
</form>

Source: developer.mozilla.org

Bootstrap radio button

<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  <label class="form-check-label" for="exampleRadios1">
    Default radio
  </label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
  <label class="form-check-label" for="exampleRadios2">
    Second default radio
  </label>
</div>
<div class="form-check disabled">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
  <label class="form-check-label" for="exampleRadios3">
    Disabled radio
  </label>
</div>

Source: getbootstrap.com

Radio buttons

<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>

Html radio button

<form action="/process.php">
  <p>Please select your favorite fruits:</p>
  <input type="radio" id="html" name="fav_fruit" value="Orange">
  <label for="html">Orange</label><br>
  <input type="radio" id="css" name="fav_fruit" value="Mango">
  <label for="css">Mango</label><br>
  <input type="radio" id="javascript" name="fav_fruit" value="Pawpaw">
  <label for="javascript">Pawpaw</label>

Similar codes

0 vote347 views2 answers
How to iterate map in html
Html
3 votes360 views2 answers
Mdb CDN
Html
1 vote304 views1 answer
Composer sail alias
Html
12 votes294 views2 answers
How to web scrape with scrapy
Html
0 vote301 views1 answer
Html place div on background image
Html
1 vote315 views1 answer
How to add an ident in html
Html
0 vote359 views1 answer
Javascript send ethereum
Html
0 vote297 views1 answer
Plantuml multiline footer
Html
0 vote324 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
0 vote291 views1 answer
Http://arnav.tcode.in/
Html