Skip to content

Instantly share code, notes, and snippets.

@simrandotdev
Last active August 16, 2020 07:22
Show Gist options
  • Select an option

  • Save simrandotdev/7e2646007464e7406f5b1bc4051c9720 to your computer and use it in GitHub Desktop.

Select an option

Save simrandotdev/7e2646007464e7406f5b1bc4051c9720 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Learning HTML
</title>
<style>
body {
width: 640px;
margin: auto;
}
form {
background-color: rgb(231, 229, 229);
padding: 20px;
border-radius: 20px;
}
</style>
</head>
<body>
<h1>Registration form</h1>
<form action="">
<div>
<label for="name">Name: </label>
<br />
<input type="text" id="name" name="name">
</div>
<br />
<div>
<label for="username">Username: </label>
<br />
<input type="text" id="username" name="username">
</div>
<br />
<div>
<label for="email">Email: </label>
<br />
<input type="text" id="email" name="email">
</div>
<br />
<div>
<label for="password">Password: </label>
<br />
<input type="password" id="password" name="password">
</div>
<br />
<div>
<label for="gender">Gender:</label>
<input type="radio" name="gender" value="male" id="male-option"> Male
<input type="radio" name="gender" value="female" id="female-option"> Female
</div>
<br />
<div>
<label for="age">Age Range:</label>
<select name="age" id="age">
<option value="1">0-13</option>
<option value="2">13-18</option>
<option value="3">18-25</option>
<option value="4">25-30</option>
<option value="5">30-60</option>
<option value="6">60+</option>
</select>
</div>
<br />
<div>
<label for="bio">Bio:</label>
<br />
<textarea name="bio" id="" cols="70" rows="10"></textarea>
</div>
<br />
<div>
<button type="submit">Submit</button>
</div>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment