HTML FORMS (PART 2)
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 />
0 Comments