Thuộc tính inputmode của HTML

Định nghĩa và cách sử dụng

inputmode Thuộc tính cho phép bạn thay đổi diện mạo của bàn phím trên điện thoại hoặc máy tính bảng (mọi thiết bị có bàn phím ảo).

Xem thêm:

Hướng dẫn HTML:HTML thuộc tính

Ví dụ

Lưu ý:Vui lòng chạy ví dụ trên điện thoại hoặc máy tính bảng để xem kết quả.

Ví dụ 1

Chỉ hiển thị phím số trên (bàn phím ảo):

<input type="text" inputmode="numeric">
Kết quả hiển thị của thuộc tính inputmode trên điện thoại

thử ngay

Ví dụ 2

Ví dụ sau sử dụng "email" của "inputmode":

<input type="text" inputmode="email">
Kết quả hiển thị của thuộc tính inputmode trên điện thoại

thử ngay

cú pháp

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

Giá trị thuộc tính

Giá trị Mô tả
decimal Chỉ hiển thị bàn phím số, thường có phím dấu phẩy.
email Bàn phím văn bản, phím thường được sử dụng cho địa chỉ email, chẳng hạn như [@].
none Không nên xuất hiện bàn phím.
numeric Chỉ hiển thị bàn phím số.
search Bàn phím văn bản, phím [enter] thường hiển thị là [go].
tel Chỉ hiển thị bàn phím số, thường có phím [+]、[*] và [#].
text Mặc định. Bàn phím văn bản.
url Bàn phím văn bản, phím thường được sử dụng cho địa chỉ URL, chẳng hạn như [.] và [/], cũng như các ký tự đặc biệt [.com] hoặc các ký tự kết thúc tên miền cục bộ khác.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53