[ Pobierz całość w formacie PDF ]
.Rysunek 17.15 przedstawia pole tekstowe wraz ze skojarzoną z nim etykietą.Rysunek 17.15.Etykiety można kojarzyć ze wszystkimi elementami formularzy, zauważ, że są one wyświetlane wraz z tymi elementamiJeśli zdefiniujesz element kontrolny formularza wewnątrz elementu LABEL, jak pokazałam w poniższym przykładzie, to będziesz mógł pominąć atrybut FOR.<label>Nazwa użytkownika: <input type="text" name="usr" /></label>Grupowanie elementów przy wykorzystaniuznaczników <FIELDSET> oraz <LEGEND>Element FIELDSET tworzy grupy elementów kontrolnych formularzy, wyświetlane w przeglądarce.Element LEGEND tworzy etykietę dla elementu FIELDSET.Aby stworzyć element FIELDSET, umieść w kodzie strony otwierający znacznik <FIELDSET>, a następnie element LEGEND, jak pokazałam w poniższym przykładzie:<fieldset><legend>Desery lodowe</legend>Ani element FIELDSET, ani LEGEND nie jest dostępny w przeglądarce Netscape Navigator.Zauważ, że element LEGEND zawiera tekst, można w nim także umieścić wewnątrzwierszowe elementy HTML służące do formatowania tekstu.Następnie dodaj do kodu elementy kontrolne formularza i zakończ wszystko zamykającym znacznikiem </FIELDSET>.Rezultaty przedstawiłam na rysunku 17.16.<fieldset><legend>Desery lodowe</legend><label>Jabłkowo-cynamonowy <input type="Radio" name="jabcyn" /></label><br /><label>Karmelowo-waniliowy <input type="Radio" name="karwan" /></label><br /><label>Owoce leśne <input type="Radio" name="lesny" /></label><br /><label>Tropikalna uczta <input type="Radio" name="trop" /></label></fieldset>Rysunek 17.16.Elementy FIELDSET oraz LEGEND umożliwiają określanie logicznej organizacji formularzaModyfikacja domyślnej kolejności poruszania się pomiędzy elementamiWykorzystanie klawiatury do poruszania się po aplikacjach może znacznie ułatwić wypełnianie formularzy.Naciskając klawisz Tab, możesz poruszać się pomiędzy poszczególnymi elementami kontrolnymi formularza w ściśle określonej kolejności.Choć Netscape Navigator umożliwia poruszanie się po elementach kontrolnych formularzy przy użyciu klawisza Tab, to jednak nie daje możliwości zmiany kolejności przechodzenia przy użyciu atrybutu TABINDEX.Aby umożliwić poruszanie się po polach formularza przy użyciu klawisza Tab, należy dodać atrybut TABINDEX do wszystkich elementów kontrolnych, do których chcesz przejść.Następnie ponumeruj wszystkie elementy kontrolne, rozpoczynając od wartości 1.Jeśli będą miały taką samą wartość atrybutu TABINDEX, to kolejność poruszania się po nich będzie zależała od kolejności, w jakiej zostały one zapisane w kodzie dokumentu HTML.Poniżej przedstawiłam przykład elementu kontrolnego, do którego został dodany atrybut TABINDEX.<p>Wpisz swoje imię: <input type="text" name="imie" tabindex="1" /></p>Stosowanie klawiszy dostępuOpcja klawiszy dostępu także ułatwia poruszanie się po formularzach.Umożliwia skojarzenie znaków z elementami kontrolnymi, dzięki czemu, naciskając odpowiedni klawisz, można przenieść miejsce wprowadzania do wybranego elementu formularza.Poniżej przedstawiłam przykładowy kod, demonstrujący, w jaki sposób można wykorzy-stać klawisze dostępu:<p>Czym się interesujesz?</p><p>Sportami<input type="checkbox" name="sport" accesskey="S" /></p><p>Muzyką<input type="checkbox" name="muzyka" accesskey="M" /></p><p>Kinematografią<input type="checkbox" name="kino" accesskey="K" /></p>Niestety Netscape Navigator nie daje możliwości korzystania z atrybutu ACCESSKEY.Internet Explorer obsługuje ten atrybut, a użytkownicy, aby dostać się do wybranego elementu formularza, muszą nacisnąć kombinację klawiszy Alt + wybrana_litera.W innych systemach operacyjnych oraz przeglądarkach metoda wykorzystania klawiszy dostępu może być nieco inna.Tworzenie elementów wyłączonychi przeznaczonych tylko do odczytuCzasami będziesz chciał wyświetlić elementy kontrolne formularzy bez dawania użytkownikom możliwości wykorzystania ich lub wpisywania w nich informacji.Aby wyłączyć element formularza, należy użyć atrybutu DISABLED.Przykład jego zastosowania przedstawiłam w poniższym fragmencie kodu:<p>Jaki jest sens życia?<textarea name="pytanie" disabled>Tutaj wpisz swoją odpowiedź
[ Pobierz całość w formacie PDF ]