HTML Simple Registration form
simple form using HTML coding its very basic for learners to learn the use of HTML tags in websites and forms its basic practice to grip on web development also its building block for web pages
here is the simple code for the forms
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="background-color: red; color: aliceblue;">JobSearch.Com</h1>
<h2>Create Your Account</h2>
<h4 style="color: red;">*required information</h4><br>
<div>
<h2 style="background-color: beige;">Basic information</h2>
<form action="">
<label for="email">Email</label>
<input type="email" placeholder="email" required><br><br>
<label for="password">password</label>
<input type="password" placeholder="password" required><br><br>
<label for="Retype">Retype password</label>
<input type="Retype password" placeholder="Retype password" required><br><br>
<label for="First name">First name</label>
<input type="First name" placeholder="first name" required><br><br>
<label for="last name">Last name</label>
<input type="last name" placeholder="last name" required><br><br>
<label for="Address">Address</label>
<input type="Address" placeholder="Address" required><br><br>
<label for="number">Phone number</label>
<input type="number"placeholder="phone number" required><br><br>
<label for="city">City</label>
<input type="city" placeholder="city" required><br><br>
<label for="province">province</label>
<select name="province" id="province">
<option value="punjab">punjab</option>
<option value="kpk">kpk</option>
<option value="balochistan">balochistan</option>
</select>
<label for="country">country</label>
<input type="country" placeholder="country" required>
</form>
</div>
<br>
<div>
<h2 style="background-color: beige;">Education</h2>
<form action="">
<label for="school">school</label>
<input type="school" required><br><br>
<label for="program">Program</label>
<input type="program" required><br><br>
<label for="education_level">Education Level</label>
<select name="education_level" id="education_level">
<option value="fsc">fsc</option>
<option value="matric">matric</option>
<option value="BS">BS</option>
<option value="Mphil">Mphil</option>
</select>
<p style="background-color: beige;">Education status</p>
<label for="graduated">graduated</label>
<input type="radio" name="education" value="graduated"><br>
<label for="not_graduated">Not graduated</label>
<input type="radio" name="education" id="not_graduated"><br>
<label for="current_enrolled">current enrolled</label>
<input type="radio" name="education" id="current enrolled"><br>
<label for="date">Graduation date</label>
<input type="date">
</form>
</div>
<div>
<h2 style="background-color: beige;">Work Experience</h2>
<label for="employer">Employer</label>
<input type="text" name="employer"><br><br>
<label for="job title">Job title</label>
<input type="text" name="job title"><br><br>
<label for="textarea">Job duty</label><br><br>
<textarea name="job" id="" cols="30" rows="5"></textarea><br><br>
<label for="select">Worked year</label>
<select name="year" id="year">
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2021">2023</option>
<option value="2021">2022</option>
</select>
</div>
<div>
<h2 style="background-color: beige;">Attachments</h2>
<label for="file">Attachments</label>
<input type="file" value="file"><br><br>
<input type="button" value="Reset" style="color: red;">
<input type="button" value="Apply" style="color: red;">
</div>
</body>
</html>
Comments
Post a Comment