Sondaż Świateł Miasta
Ankieta tygodnia: Więcej parków miejskich - strata czy zysk?
Wyniki ankiety z ostatniego tygodnia
Płuco | Trzustka | Śledziona | Wątroba | Skóra | Mózg | |
---|---|---|---|---|---|---|
Nie lubię | 4 | 10 | 4 | 0 | 1 | 0 |
Lubię | 5 | 6 | 0 | 14 | 1 | 0 |
Ulepsz witrynę, stosując Web Content Accessibility Guidelines (WCAG) 2.1
Demo zaczyna się tutaj
Ruch: Roboty budowlane na głównej drodze
Dzisiaj: Czwartek 25 stycznia 2012, Przejaśnienia, 23°C
Płuco | Trzustka | Śledziona | Wątroba | Skóra | Mózg | |
---|---|---|---|---|---|---|
Nie lubię | 4 | 10 | 4 | 0 | 1 | 0 |
Lubię | 5 | 6 | 0 | 14 | 1 | 0 |
Podano instrukcje dotyczące formularzy, szczególnie w odniesieniu do wymaganych pól.
<form action="" method="post"> <p>Pola są wymagane, jeśli nie zaznaczono inaczej.</p>
Przyciski radiowe pogrupowane elementem fieldset
i opisane za pomocą elementu legend
.
<fieldset id="park"> <legend>Favorite Park</legend> ... </fieldset>
Przycisk radiowy jest powiązany z etykietą "Żaden" przy użyciu elementu label
.
<input type="radio" name="res" id="nn" value="1"> <label for="nn">Żaden</label>
Pole wyboru jest oznaczone za pomocą tego elementu title
.
<select name="cc" id="cc" title="Światła Miasta">
Pozycje na tej długiej liście są pogrupowane i posortowane według miast, a nie według kraju, aby ułatwić efektywne korzystanie z klawiatury.
Sekwencja etykiet i pól wprowadzania danych ma sens, gdy są odczytywane w kolejności, w jakiej pojawiają się w kodzie. Pola wejściowe są powiązane z ich etykietami za pomocą elementu label
.
<p id="namenewsletter" class="input">
<label for="n">Nazwa:</label>
<input type="radio" name="t" id="mr" value"mr" title="title"><label for="mr">Pan</label>
<input type"radio" name="t" id="mrs" value="mrs" title="title"><label for="mrs">Pani</label>
<input type="text" name="n" id="n" size="30" style="margin-left: 0.5em;"></p>
<p id="emailinput" class="input" style="width: 16em; float: left; margin-top: 0.5em;">
<input type="text" name="em" id="em" size="20"><br><label for="em">Adres e-mail</label></p>
<p id="emailvalid" class="input" style="width: 16em; float: left; margin-top: 0.5em;">
<input type="text" name="ev" id="ev" size="20"><br><label for="ev">Powtórz adres e-mail</label></p>
Dane w tej tabeli są uporządkowane przy użyciu odpowiednich struktur tabel, takich jak elementy th
i td
.
<th scope="row">Nie lubię<th>
...
<th scope="row">Nie lubię<th>