Using the input Element to Create Fixed Choices

The type='radio' of the input element creates a group of radio buttons. Each input element with the type radio represents a single option to the user. The following table describes the additional attributes supported for type='radio'.

AttributeDescriptionNew in HTML5
checkedif the radio button is selectedNo
requiredrequired field for input validation.Yes
valueSpecifies the data value that is submitted to the server.No
 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form method="post" action="http://yourServer/form">
            <p>
                  <label for="name"> Name: <input value="Mark" id="name"
                        name="name" />
                  </label>
            </p>
            <p>
                  <label for="password"> Password: <input type="password"
                        placeholder="Min 6 characters" id="password" name="password" />
                  </label>
            </p>
            <p>
            <fieldset>
                  <legend>Vote for your favorite:</legend>
                  <label for="apples"> 
                     <input type="radio" checked value="Apples" id="apples" name="fave" /> Apples
                  </label> 
                  <label for="oranges"> 
                     <input type="radio" value="Oranges" id="oranges" name="fave" /> Oranges
                  </label> 
              <label for="cherries"> <input type="radio" value="Cherries" id="cherries" name="fave" /> Cherries
                  </label>
            </fieldset>
            </p>
            <input type="submit" value="Submit Vote" />
      </form>
</body>
</html>
  
Click to view this demo.
Home 
  HTML CSS Book 
    HTML  

input Restricted:
  1. Using the input Element to Restrict Data Entry
  2. Using the input element to obtain a number
  3. Using input Element to Obtain a Number in a Given Range
  4. Using the input Element to Obtain a Boolean Response
  5. Using the input Element to Create Fixed Choices
  6. Using the input Element to Obtain email address
  7. Using the input element to obtain telephone number
  8. Using the input Element to Obtain url
  9. Using the input element to obtain times and dates
  10. Using the input Element to Obtain a Color
  11. Using the input Element to Obtain Search Terms
  12. Using the input element to create hidden data items
  13. Using the input Element to Create Image Buttons and Maps
  14. Using the input element to upload files
Related: