Skip to main content

Introduction to Web Accessibility

28 Forms - Solution

Check the solution independently

forms.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Form Example</title>
</head>
<body>

<form action="" method="post">
<p>
<label for="name">Name:</label> <input type="text" name="name" id="name" />
<br />
<label for="surname">Surame:</label> <input type="text" name="surname" id="surname" />
<br />
Gender:
<input type="radio" name="gender" value="male" id="gender-male"/> <label for="gender-male">Male</label>
<input type="radio" name="gender" value="female" id="gender-female" /> <label for="gender-female">Female</label>
<br />
Level of English:
<select name="level-english">
<option title="Beginner">A1-A2</option>
<option title="Intermediate">B1-B2</option>
<option title="Advanced">C1</option>
</select>
<br />
<input type="submit" value="Submit" />
</p>
</form>

</body>
</html>