ad

HTML FORMS (PART 2)

HTML FORMS (PART 2)
Welcome Back!!!
     As promised in the part one if this tutorial, an example will be displayed below to show so important things in a webpage.

Below is an example of a simple webpage consisting of all form elements 

<html>
 <head>
  <title>forms</title>
 </head>
 <body>
  <h1>
FORM</h1>
<form>
   <label> Enter your name </label>
   <input name="surname" type="text" /> <br /> <br />
   <label> Enter your password </label>
   <input name="password" type="password" /> <br /> <br />
   <label> Enter your E-mail </label>
   <input name="mail" type="email" /> <br /> <br />
   <label> Enter your phone number </label>
   <input name="number" type="number" /> <br /> <br />
   <label> Enter your Website </label>
   <input name="" type="url" /> <br /> <br />
   <label> Enter your phone number </label>
   <input name="number" type="number" /> <br /> <br />
   <label> Enter your DOB </label>
   <input name="number" type="date" /><br /> <br />

   Select Gender:<br />

   <label> Male </label>
   <input name="gender" type="radio" /><br /> <br />
   <label> Female </label>
   <input name="gender" type="radio" />

   <br /> <br />

   Select Owanmbe color:<br />

   <label> Onion color </label>
   <input name="onion" type="checkbox" /><br /> <br />
   <label> Nigerian Green </label>
   <input name="green" type="checkbox" /><br /> <br />
   <label> Champain Gold </label>
   <input name="champain" type="checkbox" />

   <br /> <br />
   <label> Upload image </label>
   <input type="file" />

   <br /> <br />
   <label>select month</label>
   <select>
    <option>January</option>
    <option>February</option>
    <option>March</option>
    <option>April</option>
    <option>May</option>
    <option>June</option>
    <option>July</option>
    <option>August</option>
    <option>September</option>
    <option>October</option>
    <option>November</option>
    <option>December</option>
   </select>
   <br /> <br />
   <label>Some Comment About Us</label>
   <textarea placeholder="Comment"></textarea>
   <br /> <br />
   <button type="submit"> Send Data </button>
   <button type="delete"> Refresh </button>
   <button type="reset"> Cancel All </button>
   <pre>
   
   </pre>
</form>
</body>
</html>

<br />
<br />


  Thanks for sparing little time out of your schedule to read this post. 

  Do well to comment on this post for any suggestions and any question.

  Bye for Now!!!

 

Post a Comment

0 Comments