Default form - for testing default emphasis by different browsers

In this example below you will see how to do a Default form - for testing default emphasis by different browsers with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by tintera, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright tintera ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Default form - for testing default emphasis by different browsers</title>
  
  
  
  
  
</head>

<body>

  <form action="#">
  <div>
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" placeholder="John Smith" />
  </div>

  <fieldset>
    <legend>Radio Button Choice</legend>

    <label for="radio-choice-1">Choice 1</label>
    <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" />

    <label for="radio-choice-2">Choice 2</label>
    <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
  </fieldset>

  <div>
    <label for="select-choice">Select Dropdown Choice:</label>
    <select name="select-choice" id="select-choice">
      <option value="Choice 1">Choice 1</option>
      <option value="Choice 2">Choice 2</option>
      <option value="Choice 3">Choice 3</option>
    </select>
  </div>

  <div>
    <label for="textarea">Textarea:</label>
    <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  </div>

  <div>
    <label for="checkbox">Checkbox:</label>
    <input type="checkbox" name="checkbox" id="checkbox" />
  </div>

  <div>
    <input type="submit" value="Submit" />
  </div>
</form>
  
  

</body>

</html>

Comments