And*_*itt 7 html javascript iphone mobile-safari
移动safari支持输入元素的属性,称为autocapitalize [ 此处记录 ],当设置为"off"时,将停止iPhone将文本输入大写到该字段,这对于url或email字段很有用.
<input type="text" class="email" autocapitalize="off" />
Run Code Online (Sandbox Code Playgroud)
但是这个属性在html 5(或者据我所知的其他规范)中无效,所以在html中包含它会产生一个无效的html页面,我想做的是能够将这个属性添加到特定的字段onload with javascript与这样的事情:
$(document).ready(function(){
jQuery('input.email, input.url').attr('autocapitalize', 'off');
});
Run Code Online (Sandbox Code Playgroud)
它在firefox和桌面游戏中添加了正确的属性,但似乎没有在移动游猎中做任何事情,任何想法为什么?
这应该在iPhone OS 3.0中修复.您正在尝试使用哪个版本的iPhone OS?
Email: <input id="email" type="text"><br>
URL: <input id="url" type="text"><br>
<script>
//document.getElementById("email").autocapitalize = 'off';
//document.getElementById("url").autocapitalize = 'on';
document.getElementById("email").setAttribute('autocapitalize', 'off');
document.getElementById("url").setAttribute('autocapitalize', 'on');
alert(document.body.innerHTML);
</script>
Run Code Online (Sandbox Code Playgroud)
边注.您可以通过将输入的类型指定为"电子邮件"来自动调出"电子邮件"键盘(用于键入电子邮件的稍微好一点的字符),从而进一步改善iOS上的用户体验.
<input type="email" class="email" autocapitalize="off" />
Run Code Online (Sandbox Code Playgroud)