Difference between revisions of "Input Element Multiple Types"

From Level Access Web Labs
Jump to navigation Jump to search
Line 19: Line 19:
 
<html>
 
<html>
 
<div>
 
<div>
  <input type="date" />
+
<label for="date1"> Date: </label>
 +
  <input id="date1" type="date" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="datetime" />
+
  <label for="datetime1"> Date and Time </label>
 +
   <input id="datetime1" type="datetime" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="email" />
+
  <label for="email1"> Email: </label>
 +
   <input id="email1" type="email" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="file" />
+
  <label for=file1"> File: </label>
 +
   <input id="file1" type="file" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="hidden" />
+
  <label for="hidden1"> hidden </label>
 +
   <input id="hidden1" type="hidden" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="month" />
+
  <label for="month1"> Month: </label>
 +
   <input id="month1" type="month" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="number" />
+
  <label for="number1"> Number </label>
 +
   <input id="number1" type="number" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="password" />
+
  <label for="password1"> Password: </label>
 +
   <input id="password1" type="password" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="range" />
+
  <label for="range1"> Range: </label>
 +
   <input id="range1" type="range" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="reset" />
+
  <label for="reset1"> Reset:</label>
 +
   <input id="reset1" type="reset" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="search" />
+
  <label for="search1"> Search: </label>
 +
   <input id="search1" type="search" />
 
</div>
 
</div>
 
<div>
 
<div>
   <input type="submit" />
+
  <label for="submit1"> Submit: </label>
 +
   <input id="submit" type="submit" />
 
</div>
 
</div>
 
<div>
 
<div>

Revision as of 17:57, 27 March 2014

This page covers the following input types

  • type date
  • type datetime
  • type email
  • type file
  • type hidden
  • type month
  • type number
  • type password
  • type range
  • type reset
  • type search
  • type submit
  • type tel
  • type time
  • type url
  • type week