Example 3: Codes for Forms (input text area, radio button,check box, button etc)
<!DOCTYPE html>
<html
lang="en-US">
<html><head>
<link rel="icon"
type="image/png"
href="myFavicon.png">
<title> Introduction to Web
Design |
This is the title bar </title>
</head><body><body
bgcolor="violet">
<div
align="center">
<p>
<label for="first
name">FIRST NAME</label>
<input type="text"
placeholder="FIRST NAME" required maxlength="20" />
</p>
<p>
<label for="LAST
NAME">LAST NAME</label>
<input type="text"
placeholder="LAST NAME" required
maxlength="20"/>
</p>
<p>
<label
for="DEPARTMENT">DEPARTMENT</label>
<input type="text"
placeholder="department" required
maxlength="15"/>
</p>
<p>
<label
for="PASSWORD">PASSWORD</label>
<input type="password"
placeholder="password" required
maxlength="8"/>
<br/>
<font
color="WHITE"><h2>Please select the courses to register for
the semester</h2></font>
<label
for="CMP311:">CMP311:.....</label>
<input
type="checkbox" checked="on" disabled="true"
name="courses" value="CMP311"/>
<br/>
<label
for="CMP321:">CMP321:.....</label>
<input
type="checkbox" name="courses" value="CMP321"
/>
<br/>
<label
for="CMP331:">CMP331:.....</label>
<input
type="checkbox" name="courses" value="CMP331"
/>
<br/>
<label for="EDU325:">EDU325:.....</label>
<input
type="checkbox" name="courses" value="EDU325"
/>
<br/>
<select>
<option>Select
Course............</option>
<option>ECONOMICS</option>
<option>COMPUTER
SCIENCE</option>
<option>BIOLOGY</option>
<option>FISHERIES</option>
<option>ACCOUNTING</option>
<option>AGRIC</option>
</select>
<p>
<input
type="radio"
name="gender" value="male"/>Male<br>
<input
type="radio"
name="gender" value="female"/>Female<br>
<A
href="submit.aspx"><input type="submit"
value="send"/></A>
<input type="reset"
value="reset"/>
</div>
</body></html>
Output
0 comments:
Post a Comment