Html/CSS Work
Falak Ahmad
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Form</title>
<link rel="stylesheet" type="text/css" href="stylesheet external.css">
</head>
<body>
<h1>______________________________Form Submission_______________________________</h1>
<form>
<h3> Basic Info</h3>
<fieldset>
<br>
<label> Enter your First name: </label><input type="text"> <label> Enter your CNIC: </label><input type="number">
<br>
<br>
<label>Enter your Father name: </label><input type="text"><label> Enter your Father CNIC: </label><input type="number">
<br>
<br>
<label>Enter your Phone number: </label><input type="number">
<br>
<br>
<label>Enter your username: </label><input type="email">
<label>Enter your Password</label><input type="password">
<br>
<br>
<label>Choose Subject:</label>
<br>
<br>
<fieldset>
MATH:<input type="checkbox"> PHY:<input type="checkbox"> COMP:<input type="checkbox"> CHEM:<input type="checkbox"> ENG: <input type="checkbox"> URDU: <input type="checkbox"> PAK: <input type="checkbox">
</fieldset>
<br>
<br>
<label>Confirm your gender:</label>
<br>
<table width="20%" border="1px" >
<tr>
<td>
<label> Male </label><input type="Radio">
<label> Female </label><input type="Radio">
</td>
</tr>
</table>
<br>
<br>
<label>Select your City: </label>
<select>
<option>LHR</option>
<option>KARACHI</option>
<option>ISL</option>
<option>FSL</option>
<option>MUL</option>
<option>GUJRAWALA</option>
<option>RWL</option>
<option>GUJRAT</option>
<option>ABTTA</option>
<option>QUETTA</option>
<option>PESHAWAR</option>
<option>KASHMIR</option>
</select>
<br>
<br>
<label>Select date of birth: </label><input type="date">
<br>
<br>
<label>Attach your passport size picture: </label><input type="file">
<br>
<br>
</fieldset>
<br>
<br>
<h2>-------------------------------------------------------------CONFIRM SUBBMISSION----------------------------------------------------------</h2>
<br>
<table width="100%" border="30%">
<tr>
<td>
<label>___________________________________________________________Submit your form here: </label><input type="submit" value="submit"><label>_____________________________________________________________</label>
</td>
</tr>
</table>
<br>
<br>
<h2>-------------------------------------------------------------LOGIN SUBBMISSION----------------------------------------------------------</h2>
<label>Login here your MUL Account: </label><input type="submit" value="Login">
<br>
<br>
Login your MUL account<input type="email">
<br>
<br>
<a href="https://cms.mul.edu.pk/login.php">Login your MUL account</a>
</form>
</body>
</html>
Like this project
Posted Feb 22, 2023
Made a Form for the Website with Html and CSS.
Likes
0
Views
3
