jps/css/form.html

<form>

First Name: <input type="text" name="fname" id="fname" /> 
Last Name: <input type="text" name="lname" id="lname" />

<br><br>
<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><br>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
  <label for="vehicle1"> Bike</label><br>
  <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
  <label for="vehicle2"> Car</label><br>
  
<br><br>  
<select id="hometown" name="hometown">
  <option value="jackson">Jackson</option>
  <option value="madison">Madison</option>
  <option value="pearl">Pearl</option>
  <option value="clinton">Clinton</option>
</select>  

<br><br>
My favorite hobbies:<br>
<textarea name="message" rows="8" cols="50">
Say something about yourself.
</textarea>
  
<br><br>    
<input type="submit" name="submit" id="submit" value="Submit" onclick="alert('Hello World!')" />

<br><br>    
<input type="submit" name="submit" id="ashanti" value="Click Me" onclick="alert('Hello Ashanti!')" />

</form>