【问题标题】:iphone "Go" key pad button and android "Enter" keypad buttoniphone“Go”键盘按钮和android“Enter”键盘按钮
【发布时间】:2011-06-07 12:45:21
【问题描述】:

我有一个针对移动设备进行了优化的网站。我在这个网站上也有一个登录页面。用户填写凭据后,他/她可以使用登录按钮登录。但我也希望当他们点击键盘上的“Go”按钮或“Enter”按钮时也能发生同样的操作。

我们如何实现它?

还有一件事,在 iPhone 上,当文本字段处于活动状态时,如何更改弹出的键盘类型?我知道如果你想得到一个数字键盘,你可以设置 type="tel" 来表示输入标签的贡品。

其他类型的键盘呢?

坦克

【问题讨论】:

    标签: javascript iphone android html keypad


    【解决方案1】:

    对于第一部分 - 默认情况下,当按下“Go”/“Enter”按钮时会激活标准的<input type="submit"/>,就像在桌面浏览器上使用“Enter”键一样。

    对于其他特殊的输入类型,有:

    <input type="email">
    <input type="url"><!-- web address -->
    <input type="number" min="0" max="10" step="2" value="6"><!-- dial -->
    <input type="range" min="0" max="10" step="2" value="6"><!-- slider -->
    <input type="search"><!-- quess what? -->
    

    Dive Into HTML5 页面上有很好的记录。

    重要提示:记住&lt;input&gt; 元素必须包含在&lt;form&gt; 中才能起作用!

    【讨论】:

    • tanks @skolima 我也看看你提供的链接。我为用户名输入了 type="text",为密码文本字段输入了 "password" 我也为按钮输入了 "submit"。但我没有得到 iPhone 上的“开始”按钮键盘。
    • 您是否在提交按钮上设置了display:none?如果是,那么这是 Safari 中的一个已知错误,请将其改为 margin-left: -1000px
    • @skolima no 我没有'display:none'到提交按钮。
    • 嗯,你能把表格的 html 贴出来吗?只需更新您的问题。
    • 我没有使用表格,这会是个问题
    猜你喜欢
    • 1970-01-01
    • 2017-04-05
    • 2012-09-15
    • 1970-01-01
    • 2013-10-15
    • 2011-09-06
    • 2011-02-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多