HTML5 - HTML
Klawisz Enter <input enterkeyhint, textarea enterkeyhint, ... contenteditable enterkeyhint>
Co zrobić, żeby na klawiaturze smartfona wyświetlał się inny klawisz Enter - np. z napisem "Idź", "Dalej", "Wyślij" albo ikonka wyszukiwania?
- Pole tekstowe:
<input type="typ" enterkeyhint="zatwierdzenie">
- Obszar tekstowy:
<textarea enterkeyhint="zatwierdzenie">...</textarea>
- Element edytowalny:
<element contenteditable="true" enterkeyhint="zatwierdzenie">...</element>
- typ
- Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst.
- zatwierdzenie
- Może przyjąć jedną z poniższych wartości:
- enter - operacja ↵ (Enter), zazwyczaj oznaczająca wstawienie nowej linii.
- done - operacja OK, zazwyczaj oznaczająca, że nie ma więcej danych do wprowadzenia i edytor IME (pomocnicza klawiatura ekranowa służąca do wprowadzania znaków niedostępnych na klawiaturze podstawowej) zostanie zamknięty.
- go - operacja Idź, zazwyczaj oznaczająca przejście do celu, który został wpisany (np. pod podany adres strony).
- next - operacja Dalej, zazwyczaj oznaczająca przejście do następnego pola, które akceptuje tekst.
- previous - operacja Wst., zazwyczaj oznaczająca przejście do poprzedniego pola, które akceptuje tekst.
- search - operacja 🔍 (Szukaj), zazwyczaj oznaczająca przejście do wyników wyszukiwania tekstu, który został wpisany.
- send - operacja Wyślij, zazwyczaj oznaczająca dostarczenie tekstu do jego celu.
- element
- Dowolny znacznik tekstowy HTML 4.01 lub HTML5
Podczas wprowadzania tekstu na urządzeniach mobilnych na klawiaturze ekranowej wyświetla się m.in. klawisz zatwierdzenia Enter (może on być oznaczony symbolem: ↵). Jednak w pewnych przypadkach na tym klawiszu może się wyświetlać co innego. Na przykład jeśli wprowadzamy adres strony w przeglądarce internetowej, na klawiaturze ekranowej może się wyświetlić napis: Idź, a jeśli wyszukujemy czegoś - ikona lupy. Zachowaniem tym możemy również ręcznie sterować przy pomocy atrybutu enterkeyhint="...".