Scribd
Upload
13 views

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
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

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
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