A proper HTML5 form

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>test form</title>
</head>
<body>
	<h1>Register</h1>

	<form action="">
		<label for="first">First Name</label>
		<input type="text" id="first" placeholder="first name" required>

		<label for="last">Last Name</label>
		<input type="text" id="last" placeholder="last name" required>

		<br /> 

		<label for="male">Male:</label>
		<input type="radio" name="gender" id="male" value="male">

		<label for="female">Female:</label>
		<input type="radio" name="gender" id="female" value="female">

		<label for="male">Other:</label>
		<input type="radio" name="gender" id="other" value="other">

		<br /> 

		<label for="email">E-Mail</label>
		<input type="email" id="email" placeholder="E-Mail" required>

		<label for="password">Password</label>
		<input type="password" id="password" placeholder="password" minlength="5" maxlength="10" required>

		<br />

		<span>Birthday:</span>

		<select name="month">
			<option>Month:</option>
			<option>January</option>
			<option>February</option>
		</select>

		<select name="year">
			<option>Year:</option>
			<option>2019</option>
			<option>2018</option>
			<option>2017</option>
		</select>

		<select name="day">
			<option>Day:</option>
			<option>1</option>
			<option>2</option>

		</select>

		<br /> 

		<input type="submit" name="submit" value="submit">

	</form>

</body>
</html>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.