HTML enterkeyhint global attribute
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2021.
Thuộc tính toàn cục enterkeyhint
là một thuộc tính liệt kê xác định nhãn hành động (hoặc biểu tượng) hiển thị cho phím Enter trên bàn phím ảo.
Try it
<input enterkeyhint="go" />
<p contenteditable enterkeyhint="go">https://example.org</p>
Mô tả
Các điều khiển biểu mẫu (chẳng hạn như các phần tử <textarea>
hay <input>) hoặc các phần tử sử dụng
contenteditable có thể chỉ định thuộc tính
inputmode để kiểm soát loại bàn phím ảo nào sẽ được sử dụng. Để cải thiện thêm trải nghiệm người dùng, phím Enter có thể được tùy chỉnh cụ thể bằng cách cung cấp thuộc tính enterkeyhint cho biết phím Enter nên được gắn nhãn như thế nào (hoặc biểu tượng nào sẽ được hiển thị). Phím Enter thường đại diện cho hành động tiếp theo mà người dùng nên thực hiện; các hành động điển hình bao gồm: gửi văn bản, chèn dòng mới, hoặc tìm kiếm.
Nếu không có thuộc tính enterkeyhint, tác nhân người dùng có thể sử dụng thông tin ngữ cảnh từ các thuộc tính
inputmode,
type,
hoặc pattern
để hiển thị nhãn phím Enter phù hợp (hoặc biểu tượng).
Giá trị
Thuộc tính enterkeyhint là thuộc tính liệt kê và chỉ chấp nhận các giá trị sau:
| Giá trị | Mô tả | Nhãn mẫu (phụ thuộc vào tác nhân người dùng và ngôn ngữ người dùng) |
|---|---|---|
enterkeyhint="enter" |
Thường dùng để chèn dòng mới. | return, ↵ |
enterkeyhint="done" |
Thường có nghĩa là không còn gì để nhập thêm và trình chỉnh sửa phương thức nhập (IME) sẽ được đóng lại. | done, ✅ |
enterkeyhint="go" |
Thường có nghĩa là đưa người dùng đến đích của văn bản họ đã gõ. | go, 🡢 |
enterkeyhint="next" |
Thường đưa người dùng đến trường tiếp theo sẽ chấp nhận văn bản. | next, ⇥ |
enterkeyhint="previous" |
Thường đưa người dùng đến trường trước đó sẽ chấp nhận văn bản. | return, ⇤ |
enterkeyhint="search" |
Thường đưa người dùng đến kết quả tìm kiếm cho văn bản họ đã gõ. | search, 🔍 |
enterkeyhint="send" |
Thường dùng để gửi văn bản đến đích của nó. | send |
Đặc tả
| Specification |
|---|
| HTML> # attr-enterkeyhint> |
Tương thích trình duyệt
Xem thêm
- Thuộc tính
HTMLElement.enterKeyHintphản ánh thuộc tính này - Thuộc tính toàn cục
inputmode - Thuộc tính toàn cục
contenteditable - Các thuộc tính
typevàpatterntrên các phần tử<input>