radio label code example

Example 1: 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-->

Example 2: html input label

<!-- By reference -->
<label for="first_name">First Name</label>
<input type="text" id="first_name" name="first_name">

<!-- By wrapping -->
<label>First Name
  <input type="text" name="first_name">
</label>

Example 3: html radio label clickable

<!-- Wrap elements without giving them each an ID -->
<label>
   <input type="radio" name="mode" value="create">
   <i>create table</i>
</label>

<!--You can use <label> elements, which are designed to do exactly that-->
<input type="radio" id="radCreateMode" name="mode" value="create" />
<label for="radCreateMode"><i>create table</i></label>

Example 4: 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>

Example 5: radio selected

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

Tags:

Misc Example