elementy formularzy HTML5

Nowe elementy formularzy HTML5

Następujące nowe elementy formularzy HTML5:

• <DataList>
• <Keygen>
• <Wyjście>

Uwaga: Nie wszystkie przeglądarki obsługują nowe elementy formularzy HTML5, ale można z nich korzystać, nawet jeśli przeglądarka nie obsługuje właściwości formularza mogą nadal pojawiać się w regularnych elementów formularza.

HTML5 <datalist> Element

<DataList> element określa listę opcji pola wejściowego.

<DataList> atrybut określa pole formularza lub wejście powinien mieć autouzupełniania. Gdy użytkownicy rozpocząć wpisywanie w polu autouzupełniania, przeglądarka powinna wyświetlić opcje do wypełnienia w tej dziedzinie:

Zastosowanie <input> element listy atrybutów i <datalist> element wiążący.

Przykłady

<Input> Element wykorzystuje <datalist> wartości predefiniowane:

<Wejście Lista przeglądarek = ""> <DataList id = ""> Przeglądarki <option value = "Internet Explorer"> <option value = "Firefox"> <option value = "Chrome"> <option value = "Opera"> <option value = "Safari"> </ DataList>

Spróbuj »

HTML5 <keygen> Element

Rola <keygen> elementem jest zapewnienie niezawodnej metody uwierzytelniania użytkownika.

<Keygen> tag służy do wytworzenia zadanego klucza pole generatora pary.

Wysyłając formularz, generuje dwa klucze, jeden prywatny, jeden publiczny.

Klucz prywatny (klucz prywatny) jest przechowywana w kliencie klucza publicznego (public key) zostały wysłane do serwera. Klucz publiczny może być używany do uwierzytelniania użytkownika po certyfikacie klienta (certyfikatu klienta).

Przykłady

Z generatora kodów pól formularza:

<Formularz action = "demo_keygen.asp" method = "get"> Nazwa: <input type = "text" name = ""> Szyfrowanie usr_name: <keygen name = "Zabezpieczenia"> <Wejście type = "submit"> </ Form>

Spróbuj »

HTML5 <wyjście> Element

<Wyjście> element jest stosowany do różnych typów produkcji, takich jak obliczeń lub wyjście skryptu:

Przykłady

Wyniki pojawią się w wyjściowym <> element:

<Formularz oninput = "x.value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "zasięg" id = "a" value = "50"> 100 + <input type = "number" id = "b" value = "50"> = < wyjście name = "x" dla = "AB"> </ wyj> </ Form>

Spróbuj »

HTML5 New Form Elements