Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > H5-Tutorial > html 中的 input，怎样触发 iOS 中不同类型的键盘？

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

WBOY
Freigeben： 2016-06-07 08:44:37
Original
2219 Leute haben es durchsucht

比如输入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中，例如：


Verwandte Etiketten：
email
Quelle：php.cn
Vorheriger Artikel：百度小说推出专为平板电脑设计的 HTML5 web 应用，体验效果和原生应用类似，是否意味着随着 HTML5 技术的成熟，原生应用未来将输给 web app？ Nächster Artikel：这个问题已有了答案？
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Die API funktioniert auf Postman, weigert sich jedoch, eine Verbindung in Flutter herzustellen postRequest()async{Map\<String,dynamic\>map={'email':'[email protected]','password':...
Aus 2024-04-06 14:08:33
0
1
340
Wie greife ich mit Flutter, Laravel und PHP auf die Eigenschaft „type' im Array „students' in der API-Antwort zu? „data“:{“id“:9, „name“: „tala“, „role“: „Student“, „email“: „tala@gmail.com“, „students“:[...
Aus 2024-04-04 19:25:13
0
1
288
Schritte zum Entfernen eines Fremdschlüsseleintrags Ich habe zwei Tabellen: Mitarbeiter und Adresse. Employee ist meine Haupttabelle und Addre...
Aus 2024-04-04 14:15:44
0
1
352
Kann ich eine Javascript-Variable auf eine Zeichenfolge setzen, die die Ausgabe des PHP-Codes enthält? Ich versuche, eine Javascript-Variable gleich der Ausgabe des PHP-Codes zu setzen: varname...
Aus 2024-04-04 08:25:56
0
1
385
Senden Sie Daten von React mit onSubmit an Node js Ich habe dieses onSubmit in meinem React-Skript, das aufgerufen wird, wenn ich auf die Sch...
Aus 2024-04-02 16:36:07
0
1
268
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage