demos/tizen-gray/widgets/radio/radio.html

   1 <div id="radio-demo" data-role="page" data-add-back-btn="true">
   2
   3                 <div data-role="header" data-position="fixed">
   4                         <h1>Radio</h1>
   5
   6                 </div>
   7
   8                 <div data-role="content">
   9                         <div class="content-primary">
  10                         <fieldset data-role="controlgroup">
  11                                 <legend>Choose a pet:</legend>
  12                                         <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
  13                                         <label for="radio-choice-1">Cat</label>
  14
  15                                         <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"  />
  16                                         <label for="radio-choice-2">Dog</label>
  17
  18                                         <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"  />
  19                                         <label for="radio-choice-3">Hamster</label>
  20
  21                                         <input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4"  />
  22                                         <label for="radio-choice-4">Lizard</label>
  23                         </fieldset>
  24                         <p> Trigged When user clicks a radio button :
  25                                 <span class="triggered-radio">
  26                                         <em>(This is updated when user clicks a radio button )</em>
  27                                 </span>
  28                         </p>
  29
  30                         <input type="radio" name="radio-2" id="radio-2" checked="checked" disabled="disabled" />
  31                         <label for="radio-2">Checked, Disabled</label>
  32                         <input type="radio" name="radio-3" id="radio-3" disabled="disabled"/>
  33                         <label for="radio-3">Disabled</label>
  34                         <input type="radio" name="radio-4" id="radio-4"/>
  35
  36                 </div><!--/content-primary -->
  37         </div>
  38 </div> <!-- page -->