Input radio html

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

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

Radio selected

//checked
  <input type="radio" id="huey" name="drone" value="huey"
         checked>

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 vote317 views2 answers
Center a video horizontally
Html
0 vote282 views1 answer
Short cut key to write basic html code
Html
0 vote289 views1 answer
Navratri 2020
Html
0 vote294 views1 answer
Bootstrap table same width
Html
28 votes301 views3 answers
Meta viewport scale
Html
1 vote307 views2 answers
Change button text css
Html
2 votes358 views6 answers
Django template truncate html
Html
1 vote366 views1 answer
How to leave an empty row in html table
Html
8 votes314 views6 answers
Bootstrap 5 jumbotron
Html
12 votes303 views5 answers
Meta refresh url
Html