为移动而生的 HTML 属性

iOS

首字母自动大写autocapitalize

在 iOS 中,用户可以手动开启「首字母自动大写」功能,这样输入英文的时候,首字母便会自动大写。但是,有些时候并不希望一直是首字母大写的。比如用户名这个字段,如果字段本身就是区分大小写的,首字母自动大写往往会给用户带来麻烦。可以通过在表单元素上可以通过设置autocapitalize="off"来关闭。

<input type="text" autocapitalize="off" placeholder="用户名-关闭首字母大写">
		
为移动而生的 HTML 属性

在设置→通用→键盘中开启「首字母自动大写」

还可以在form元素上设置该属性,让里面的每个元素都继承autocapitalize的设置。

<form autocapitalize="off">
  <input type="text"  placeholder="继承 form 的设置">
  <textarea></textarea>
</form>
		

iOS 5 开始新增了很多关键字:

  1. none等同于off。
  2. 当设置了autocapitalize=”words”时,每个单词的开头字母会自动大写。
  3. 当设置了autocapitalize=”characters” 时,每个字母都会大写。
  4. 当设置了autocapitalize=”sentences” 时,每句开头字母会自动大写。

实例

<form autocapitalize="words">
    名字: <input name="first-name">
    姓氏: <input name="last-name">
    国家: <input name="state" autocapitalize="characters">
    昵称: <input name="username" autocapitalize="off">
    评论: <textarea name="w" autocapitalize="sentences"></textarea>
</form>
		

注意点:

  1. <input type="password">始终不会开启自动首字母大写。
  2. 如果在设置中没有开启「首字母大写」,即使设定autocapitalize="on"也不会有作用。
  3. 如果「自动改正」和「首字母大写」都启用了,那么提示的字母也是首字母大写的。
  4. 越狱后安装的中文输入法里自带的英文输入模式可能会不支持「首字母自动大写」功能。
  5. 在删除后,再次输入依然是大写的,这一点体验比黑莓好。
  6. 在 iOS7.1 中,键盘「shift」按钮的状态做了一些调整:
    为移动而生的 HTML 属性

官方文档

自动改正 autocorrect

这是一个布尔属性,可以设置off来关闭,同样可以设置在form元素上

<input type="text" autocorrect="off" placeholder="用户名-关闭自动改正">
		

Android

原文说待续

本文完全抄袭自一丝的bolg,博客收入只是方便自己用到时方便查阅,紧跟原文更新笔记

本文源链接:http://www.html5jscss.com/me-html-attributes.html

转载请注明《为移动而生的 HTML 属性》| html5jscss

评论关闭了.