HTML5 - Input attributes

http://visualstudiomagazine.com/Articles/2012/01/01/Web-Forms-with-HTML5.aspx

by johnpapa

HTML

<form action="#">
    <input type="text" name="firstName" 
        placeholder="First name" /><br />
    <input type="text" name="lastName" 
        placeholder="Last name" /><br />
    <input type="text" name="website" pattern="https?://.+" 
        title="A URL such as http://www.intelliTect.com">    
    <br/>
    <input type="text" name="characters" 
        list="characterList">
    <datalist id="characterList">
      <option value="Inigo Montoya"/>
      <option value="Princess Buttercup"/>
      <option value="Prince Humperdink"/>
      <option value="Fezzik"/>
    </datalist>
    <br/>
  <input type="text" name="firstName" autocomplete="off"
    placeholder="First name" /><br />
  <input type="text" name="lastName" 
    placeholder="Last name" /><br />    
    
    <input type="number" name="age"
  placeholder="Age" min="0" max="120" />
    <input type="number" name="generation"
    placeholder="Age" 
    min="0" max="120" step="10" /><br />
    
    <input type="text" name="firstName" required
    placeholder="First name" />
  <input type="text" name="lastName" required
    placeholder="Last name" /><br />

  <input type="text" name="firstName" 
    placeholder="First name" /><br />
  <input type="text" name="lastName" autofocus
    placeholder="Last name" /><br />
  <label>Select images:</label> 
   <input type="file" name="images" multiple />
    <br/>
    
    <input name="Email" type="email" />
    
    <br/>   
    Quantity: <input type="number" name="quantity" 
    min="1" max="10" step="2" />
    <br/>
<form oninput="rangeValueDisplay.value=range.value">
  Quantity: <input type="range" name="range" value="0" />
  <output name="rangeValueDisplay" for="range">0</output>
</form>
    
    <br/>
    <input type="submit" value="Submit" />
</form>