Nowa forma HTML5

Nowe elementy formularzy wymaganych przez HTML5 wskazują na cele nowej wersji języka: do tworzenia, z prostych znaczników rozwiązania bardziej funkcjonalne (obecnie osiągalne tylko za pomocą języków skryptowych) w celu zaspokojenia zmieniających się potrzeb Internet.

W tym artykule zobaczymy, poprzez liczne przykłady, innowacje wprowadzone przez Ole HTML5 w tworzeniu formularza.

Po raz kolejny muszę przypomnieć czytelnikowi, że nie wszystkie przeglądarki zapewniają wsparcie dla nowego języka znaczników (HTML 5 nie jest jeszcze standardem, ale język w budowie) tak w celu poprawnego wyświetlania przykładów, sugeruję przeglądarki, aby korzystać już przygotowane, na przykład Opera.

Nowe przedmioty i rozszerzenia

Główne zmiany dotyczą wykorzystania obiektów dedykowanych Form (nowe tagi) i rozszerzeń.

Korzystanie z rozszerzeń pozwala, poprzez klasyczne tag wejściowych, automatycznej walidacji danych i / lub rozbudowa potencjału do tworzenia skomplikowanych narzędzi, takich jak na przykład kalendarze.

Jako startera radzę przykład: mamy zastąpić proste pole tekstowe (<input type="text"/>) z czymś bardziej szczegółowe: pole adresu URL. Spójrzmy na kod:

 



 <form>







 URL: <input name="url" type="url" value="" required>







 </ Form>

 

Najwyraźniej nie zauważy żadnej różnicy w widoku, ale na oko natychmiast doświadczyć zmian od klasycznych HTML4 znaczników:

• Określonego typu ("url")
  Określenie oczekiwanej typ danych jest przydatny do parsera języka do analizy treści odpowiednich i zauważyć obecność błędów;
• słowo kluczowe "wymagane"
  Choć jest to nowy HTML5, jak sugeruje, wymaga ukończenia dziedzinie jako obowiązkowe (ale wrócimy później).

Zanim przejdziemy do nowego HTML5 Myślę, że powinien to być szybki przegląd na temat kontroli w moduły oferowane przez HTML4.

• <<
• 1
• 2
• 3
• 4
• 5
• >>