communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > html 中的 input，怎样触发 iOS 中不同类型的键盘？

html 中的 input，怎样触发 iOS 中不同类型的键盘？

WBOY
Libérer： 2016-06-07 08:44:37
original
2220 Les gens l'ont consulté

比如输入email的，就是带@和.的那个键盘，如知乎首页的登陆框
或者输入数字的，就是那个九宫格数字键盘

回复内容：

iOS Webkit 内核支持一些特有的 input type，比如 email、number、url 等等，
此外，还有 autocorrect、autocapitalize 等选项。

参考：
  • 苹果官方开发文档：developer.apple.com/lib
  • 介绍各种 iOS HTML input 键盘：sja.co.uk/post/controll
通过 `type` 改变键盘布局的原理有人回答了，我补充一下通过 `appearance` 来绕开 `type` 的限制的方法：
jsfiddle.net/chrisyipw/ html 中的 input，怎样触发 iOS 中不同类型的键盘？ 如果类型是search的话，需要把input放在一个action为空的form中，例如：


Étiquettes associées：
email
source：php.cn
Article précédent：百度小说推出专为平板电脑设计的 HTML5 web 应用，体验效果和原生应用类似，是否意味着随着 HTML5 技术的成熟，原生应用未来将输给 web app？ Article suivant：这个问题已有了答案？
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
L'API fonctionne sur Postman mais refuse de se connecter dans Flutter postRequest()async{Map\<String,dynamic\>map={'email':'[email protected]','password':...
Depuis 2024-04-06 14:08:33
0
1
340
Comment accéder à la propriété « type » dans le tableau « étudiants » dans la réponse API à l'aide de Flutter, Laravel et PHP ? "data":{"id":9,"name":"tala","role":&quo...
Depuis 2024-04-04 19:25:13
0
1
288
Étapes pour supprimer une entrée de clé étrangère J'ai deux tables Employé et Adresse. Employee est ma table principale et Address est une s...
Depuis 2024-04-04 14:15:44
0
1
352
Puis-je définir une variable javascript sur une chaîne contenant la sortie du code php ? J'essaie de définir une variable javascript égale à la sortie du code php : varname='<?...
Depuis 2024-04-04 08:25:56
0
1
385
Envoyer des données de React vers Node js à l'aide de onSubmit J'ai ceci onSubmit dans mon script React qui est appelé lorsque je clique sur le bouton de...
Depuis 2024-04-02 16:36:07
0
1
268
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal