HTML5 - HTML
Tryb wpisywania <input inputmode, textarea inputmode, ... contenteditable inputmode>
W jaki sposób ustawić typ klawiatury na ekranie smartfona do wpisywania wartości liczbowej, numeru telefonu, adresu URL lub e-mail?
- Pole tekstowe:
<input inputmode="tryb">
- Obszar tekstowy:
<textarea inputmode="tryb">...</textarea>
- Element edytowalny:
<element contenteditable="true" inputmode="tryb">...</element>
- tryb
- Należy podać jedną z poniższych wartości:
- none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę klawiatury.
- text - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika.
- tel - klawiatura ekranowa umożliwiająca wprowadzanie numerów telefonów. Powinna zawierać klawisze dla cyfr od 0 do 9, znak "#" oraz znak "*". W niektórych lokalizacjach może również zawierać etykiety mnemoniczne liter (np. w USA klawisz oznaczony "2" jest historycznie oznaczony także literami A, B i C).
- url - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika, z klawiszami ułatwiającymi wprowadzanie adresów URL, takimi jak "/" i "." oraz do szybkiego wprowadzania ciągów często występujących w nazwach domen, takich jak "www." czy ".com".
- email - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika, z klawiszami ułatwiającymi wprowadzanie adresów e-mail, takimi jak znak "@" i znak ".".
- numeric - klawiatura ekranowa umożliwiająca wprowadzanie cyfr. To słowo kluczowe jest przydatne przy wprowadzaniu kodów PIN.
- decimal - klawiatura ekranowa umożliwiająca wprowadzanie ułamków dziesiętnych. Powinny być wyświetlane klawisze numeryczne i separator dziesiętny zgodny z lokalnym formatem.
- search - klawiatura ekranowa zoptymalizowana do wyszukiwania.
- element
- Dowolny znacznik tekstowy HTML 4.01 lub HTML5
Urządzenia mobilne są wyposażone w klawiaturę ekranową, która potrafi dopasować zestaw klawiszy do typu wprowadzanej wartości. Na przykład przy wprowadzaniu wartości numerycznej, dostępne mogą być tylko cyfry, przecinek i minus. Możemy ręcznie wymusić określony tryb wprowadzania tekstu poprzez przypisanie atrybutu inputmode="...".