Jakie są najlepsze wskazówki dotyczące wprowadzania formularza HTML?

Wprowadzanie formularzy w języku Hyper Text Markup Language (HTML) to sposób na ręczne wprowadzenie informacji na stronie internetowej. Jeśli projektant witryny chce dać użytkownikowi możliwość wprowadzania informacji, musi w tym celu użyć formularza HTML. Istnieje wiele różnych kontrolek wprowadzania formularza HTML, które można umieścić na stronach internetowych, z których niektóre to pola tekstowe, przyciski opcji, pola wyboru i przyciski przesyłania. Podczas tworzenia strony internetowej pewne sposoby rozmieszczenia tych komponentów wejściowych formularza HTML mogą znacznie pomóc użytkownikowi zrozumieć, co robi strona, chociaż nie są one wyraźnie wymuszane przez sam kod.

Podczas tworzenia pola tekstowego HTML lub grupy pól tekstowych odpowiednie odstępy i etykiety znacznie ułatwiają zrozumienie przez użytkownika. Pola tekstowe same w sobie nie zawierają etykiet, dlatego muszą być wyrównane z osobną etykietą. Jeśli etykieta zostanie dodana do pola tekstowego, można ją umieścić w dowolnym miejscu wokół pola tekstowego. Większość użytkowników spodziewa się, że ta etykieta będzie widoczna obok lub nad powiązanym polem tekstowym, bez zbyt dużego odstępu między etykietą a polem. Z punktu widzenia programisty użycie tekstu etykiety jako wewnętrznej nazwy pola tekstowego może pomóc w przyszłym utrzymaniu formularza.

Stosowanie podobnych praktyk dotyczących przycisków opcji i pól wyboru może również pomóc w zrozumieniu przez użytkownika. Zarówno przyciski radiowe, jak i pola wyboru muszą mieć dołączone oddzielne etykiety, podobnie jak pola tekstowe. Zwykle występują w grupach, choć nie muszą. Ogólnie rzecz biorąc, utrzymywanie przycisków opcji i pól wyboru w oddzielnych grupach jest najłatwiejsze do zrozumienia dla użytkowników, zamiast mieszania przycisków opcji i pól wyboru w tej samej grupie. W tych grupach, jeśli wybrane jest jedno z pól lub przycisków, umieszczenie wybranego elementu jako pierwszego elementu grupy pomaga użytkownikom w jednoznacznej identyfikacji wyboru.

Przyciski Prześlij wysyłają wszystkie informacje zawarte w kontrolkach wejściowych ze strony internetowej na serwer w celu przetworzenia. Zwykle są zakodowane, aby powiedzieć „prześlij”, chociaż programista może zmienić ten tekst. Użytkownicy spodziewają się, że będą one widzieć te przyciski na dole formularza, chociaż czasami zamiast tego znajdują się one na górze formularza. Umieszczenie przycisku na dole formularza i wystylizowanie go tak, aby był dobrze widoczny, zwykle wystarcza, aby użytkownik mógł go zobaczyć.

Strona zawierająca dane wejściowe formularza HTML zwykle zawiera pojedynczy formularz z jedną możliwością przesłania swoich danych. HTML nie pozwala na umieszczanie formularzy wewnątrz siebie, a te same kontrolki wejściowe formularza HTML nie mogą być używane w wielu formularzach. Jeśli konieczne jest wielokrotne przesyłanie, użytkownicy zwykle oczekują wielu formularzy i wielu partii danych wejściowych formularza HTML. Wykwalifikowany programista może bezproblemowo połączyć te formularze.