<!forms>
<!doctype html> <! doctype declaration>
<html> <!start of the html webpage>
<head> <!start of the head section of the webpage>
<title> <!title declaration that appears on the browser tab name>
CODE-3
</title> <! title end>
</head> <! head end>
<h1>Forms</h1>
<hr> <!insert a break in the webpage>
<body> <!start of the body section of the body>
<p>Username <input type="text" value="your username"> </p>
<!accept text input for usename>
<p>Password <input type="password"></p>
<!accept password>
<p>Stay Logged <input type="checkbox"></p>
<!checkbox to see accept if user wants to stay logged in>
<p>Under 18 <input type="radio" name="age" value="u18"></p>
<!radio button to determine the approxmiate age of the user>
<p>Over 18 <input type="radio" name="age" value="o18"></p>
<!radio button to determine the approxmiate age of the user>
<p>Faveriote Food : <select>
<!seletion dropbox to accept one of the predefined options>
<option>Burger</option>
<!option declaration>
<option >Pizza</option>
<!option declaration>
<option selected>Fries</option>
<!option declaration>
<option>Momos</option>
<!option declaration>
<option>Soft Drink</option>
<!option declaration>
</select> </p>
<!end of the selection element>
<p><input type="submit" Submit></p>
<!submit button to accept all the data enterd by the user>
<hr>
<!insert break in the webpage>
</body> <!end of the body section>
The webpage of the above code will look like this :
No comments:
Post a Comment