Scribd
Upload
19 views5 pages

Assignment No 3

The document contains an HTML form with fields for user sign up including name, gender, email, password and phone number. It also includes a table and an unordered list.

Uploaded by

Rana Ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views5 pages

Assignment No 3

The document contains an HTML form with fields for user sign up including name, gender, email, password and phone number. It also includes a table and an unordered list.

Uploaded by

Rana Ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Assignment no: 3

<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
form
</title>
<style>
.form{
background-color:skyblue;
border: 4px;
}
#row{
background-color: orange;
front-size:large;
}
#col{
background-color: pink;
front-size:medium;

}
fieldset {
background-color: burlywood;
border-radius: 5px;
padding: 2%;
width: 30%;
margin: 3%;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>
Sign Up
</legend>
<p class="form"><label>First Name</label><br>
<input type="text" name="name"><br>
<label>Last name</label><br>
<input type="text" name="name"><br>
<label>Gender</label><br>
<input type="radio" name="Gender">Male<br>
<input type="radio" name="Gender">Female<br>
<label>Email</label><br>
<input type="text" name=" "><br>
<label>password</label><br>
<input type="password" name=" "><br>
<label>phone number</label><br>
<select>
<option>+92</option>
<option>+93</option>
<option>+94</option>
<option>+95</option>
</select><br>
<input type="text" name="phone number"><br>
<div>
<button type="submit" name="Sign Up">Sign Up</button>
</div></p>
</fieldset>
</form><br>
<pre>------------------------------
-----------------------------------------------------------------------</pre><br>
<pre>----------------------------------------------- ---------------------------------------------
</pre>
<table border="2px" cellpadding="10px" class="table">
<thead id="row">
<tr>
<th>one two</th>
<th>one two</th>
<th>one two</th>
<th>one two</th>
</tr>
</thead>
<tbody id="col">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody><br>

<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Consectetur adipiscing elit.</li>
<li>Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris.</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit.</li>
<li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est
laborum.</li>
</ul>
</body>
</html>>

You might also like