Skip to content

Instantly share code, notes, and snippets.

@RandomInternetDude

RandomInternetDude/Registration Form Excercise

Created November 13, 2017 03:10
Show Gist options
  • Save RandomInternetDude/bfc59aced1c10b6440ca0ef9887bc335 to your computer and use it in GitHub Desktop.
Save RandomInternetDude/bfc59aced1c10b6440ca0ef9887bc335 to your computer and use it in GitHub Desktop.
Download ZIP
Registration Form Excercise
Raw
Registration Form Excercise
<!DOCTYPE html>
<html>
<head>
<title>Registration form</title>
</head>
<body>
<h1>Register</h1>
<form>
<label For="first">First Name: </label>
<input name="first" id="first" type="text" placeholder="John" required>
<label for=last>Last Name:</label>
<input name="last" id="last" type="text" placeholder="Smith" required>
<div>
<label for="male">Male</label>
<input id="male" name=gender type="radio" value="Male">
<label for="female">Female</label>
<input id="female" name=gender type="radio" value="Female">
<label for="other">Other</label>
<input id="other" name=gender type="radio" value="Other">
</div>
<div>
<label>Email:
<input name="email" type="email" placeholder=Example@email.com name="" required >
</label>
<label> Password:
<input type="password" name="password" placeholder=password required="">
</label>
</div>
<div>
<label> Birthday:
<select name="Month"> <option>Month</option>
<option>January</option>
<option>Febuary</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<select name="Day">
<option>Day</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="Year">
<option>Year</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
</select>
</label>
</div>
<div>
<label for="agreed">I agree to the terms and conditons:</label>
<input type="checkbox" id="agreed" name="agreed">
</div>
<input type="submit" name="">
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment