HTML inputmode Attribute

Definition and Usage

inputmode The attribute allows you to change the appearance of the keyboard on mobile phones or tablets (any device with a virtual keyboard).

See also:

HTML Tutorial:خصائص HTML

Instance

Tip:Please run the instance on a mobile phone or tablet to see the results.

Example 1

Only numeric keys are displayed on the (virtual) keyboard:

<input type="text" inputmode="numeric">
نتيجة عرض خاصية inputmode على الهاتف

try it yourself

Example 2

The following example uses "email" inputmode:

<input type="text" inputmode="email">
نتيجة عرض خاصية inputmode على الهاتف

try it yourself

grammar

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

قيمة الخاصية

القيمة وصف
decimal يظهر فقط لوحة المفاتيح الرقمية، عادةً ما يحتوي على مفتاح comma.
email لوحة المفاتيح النصية، الأسهم عادةً تستخدم في عناوين البريد الإلكتروني، مثل [@].
none لا يجب أن تظهر لوحة المفاتيح.
numeric يظهر فقط لوحة المفاتيح الرقمية.
search لوحة المفاتيح النصية، مفتاح [enter] عادةً يظهر ك [go].
tel يظهر فقط لوحة المفاتيح الرقمية، عادةً ما تحتوي على مفتاح [+] و [*] و [#].
text افتراضي. لوحة المفاتيح النصية.
url لوحة المفاتيح النصية، الأسهم عادةً تستخدم في عناوين الويب، مثل [.] و [/]، وكذلك مفتاح [.com] الخاص أو نهايات الأسماء النصية المحلية الأخرى.

دعم المتصفحات

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