Skip to content

Instantly share code, notes, and snippets.

@kresnasatya

kresnasatya/no-a11y-form.html

Last active January 13, 2018 13:12
Show Gist options
  • Save kresnasatya/af8c30baa07443e67f87ed28e8abe44d to your computer and use it in GitHub Desktop.
Save kresnasatya/af8c30baa07443e67f87ed28e8abe44d to your computer and use it in GitHub Desktop.
Download ZIP
Form with no a11y
Raw
no-a11y-form.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Form with no a11y</title>
</head>
<body>
<form action="#">
<label>Email</label><br>
<input type="email" name="email"><br><br>
<label>Username</label><br>
<input type="text" name="username"><br><br>
<label>Password</label><br>
<input type="password" name="password"><br><br>
<label>Nama</label><br>
<input type="text" name="nama"><br><br>
<label>Alamat</label><br>
<textarea name="alamat" cols="30" rows="10"></textarea><br><br>
<label>Jenis kelamin</label><br>
<input type="radio" name="jenis_kelamin" value="laki-laki">Laki-laki<br>
<input type="radio" name="jenis_kelamin" value="perempuan">Perempuan<br><br>
<label>Hobi</label><br>
<input type="checkbox" name="hobi" value="Ngoding">Ngoding<br>
<input type="checkbox" name="hobi" value="Tidur">Tidur<br>
<input type="checkbox" name="hobi" value="Makan">Makan<br><br>
<label>Asal kota</label><br>
<select name="asal_kota">
<option value="aceh">Aceh</option>
<option value="jakarta">Jakarta</option>
<option value="yogyakarta">Yogyakarta</option>
<option value="denpasar">Denpasar</option>
<option value="medan">Medan</option>
<option value="makassar">Makassar</option>
<option value="surabaya">Surabaya</option>
<option value="bandung">Bandung</option>
<option value="merauke">Merauke</option>
</select>
<br><br>
<input type="submit" value="Simpan">
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment