html5 form code example

Example 1: html5 form

<!-- O segundo valor estará selecionado inicialmente -->
<select name="select">
  <option value="valor1">Valor 1</option> 
  <option value="valor2" selected>Valor 2</option>
  <option value="valor3">Valor 3</option>
</select>

Example 2: html5 form

<form>
  <input type="button">
  <input type="checkbox">
  <input type="color">
  <input type="date">
  <input type="datetime-local">
  <input type="email">
  <input type="file">
  <input type="hidden">
  <input type="image">
  <input type="month">
  <input type="number">
  <input type="password">
  <input type="radio">
  <input type="range">
  <input type="reset">
  <input type="search">
  <input type="submit">
  <input type="tel">
  <input type="text">
  <input type="time">
  <input type="url">
  <input type="week">
</form>

Example 3: html5 form

<form action="/action.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" value="Mike"><br><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" value="Walker"><br><br>
  <input type="submit" value="Submit">
</form>

Example 4: html5 form

<label for="name">Name:</label>
  <input type="text" id="name"><br><br>

Example 5: html5 form

//HTML Textbox w/Getting Javascript Input:
<script>
  function getTextBox(){
    var k = document.getElemntById('myTextBox').value
    alert(k)
  }
</script>
<input type="text" id="myTextBox">
<button onclick="getTextBox()">Get Text Input</button>

Example 6: html5 form

<label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname"><br>