Skip to content

Instantly share code, notes, and snippets.

@minhphong306

minhphong306/example-html.html

Created August 23, 2024 01:36
Show Gist options
  • Save minhphong306/0ead35520a45c5fa0e2874171717389c to your computer and use it in GitHub Desktop.
Save minhphong306/0ead35520a45c5fa0e2874171717389c to your computer and use it in GitHub Desktop.
Download ZIP
example-html.html
Raw
example-html.html
<form id="registrationForm">
<div class="form-group" id="parent">
<label for="username" id="preceding">Username:</label>
<input type="text" id="username" name="username" required="">
</div>
<div class="form-group" id="child">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required="">
</div>
<div class="form-group">
<label for="gender">Gender:</label>
<div style="width: 70%; display: flex; justify-content: space-between;">
<div>
<input type="radio" id="male" name="gender" value="male">
<label nostyle="" for="male">Male</label>
</div>
<div>
<input type="radio" id="female" name="gender" value="female">
<label nostyle="" for="female">Female</label>
</div>
</div>
</div>
<div class="form-group">
<label for="hobbies">Hobbies:</label>
<div style="width: 70%; display: flex; flex-wrap: wrap; justify-content: space-between;">
<div>
<input type="checkbox" id="reading" name="hobbies" value="reading">
<label nostyle="" for="reading">Reading</label>
</div>
<div>
<input type="checkbox" id="traveling" name="hobbies" value="traveling">
<label nostyle="" for="traveling">Traveling</label>
</div>
<div>
<input type="checkbox" id="cooking" name="hobbies" value="cooking">
<label nostyle="" for="cooking">Cooking</label>
</div>
</div>
</div>
<div class="form-group">
<button type="submit">Register</button>
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment