Checkboxes - AH169 - Radio Button - AH172


	 
  <form action = "">
    <fieldset>
      <legend>Please check off your life goals </legend>
      <p>
        <input type = "checkbox"
               id = "chkPeace"
               value = "peace" />World peace
      </p>
      <p>
        <input type = "checkbox"
               id = "chkHarmony"
               value = "harmony" />Harmony and brotherhood
      </p>
      <p>
        <input type = "checkbox"
               id = "chkCash"
               value = "cash" />Cash
      </p>
    </fieldset>
  </form>

   

The code above produces the input display below.

Please check off your life goals

World peace

Harmony and brotherhood

Cash





  <form action = "">
    <fieldset>
      <legend>How much do you want to spend?</legend>
      <p>
        <input type = "radio"
               name = "radPrice"
               id = "rad100"
               value = "100" />Too much
      </p>
      <p>
        <input type = "radio"
               name = "radPrice"
               id = "rad200"
               value = "200" />Way too much
      </p>
      <p>
        <input type = "radio"
               name = "radPrice"
               id = "rad5000"
               value = "5000"
               checked = "checked" />You've got to be kidding.
      </p>
    </fieldset>
  </form>

	

This code above produces the display output below

How much do you want to spend?

Too much

Way too much

You've got to be kidding.