在iPhone网络应用程序中使用单选按钮的最佳方法是什么?

时间:2010-01-09 00:21:35

标签: iphone html css forms webforms

我正在创建一个针对iPhone优化的Web应用程序(但也应该适用于所有移动设备)。我有一个包含一个标准文本输入的表单字段,然后需要一个带有两个选项(入站/出站)的单选按钮组。单选按钮在逻辑上最有意义,因为默认情况下应选择一个选项,并且一次只能选择一个选项。

创建表单后,我对iPhone上单选按钮的默认用户界面不满意。它们太小了,最重要的是似乎没有办法在iPhone上使用键盘来点击表格的下一个。首先是文本字段,然后是单选按钮组,然后提交。我无法找到一种方法来获取上一个/下一个按钮来点击我的表单。这甚至可能吗?

如果我无法按照我想要的方式使用单选按钮,还有哪些其他选项?是iButton jQuery Plug-in之类的最佳选择吗?当我的应用程序旨在尽可能快地为用户提供所需信息时,必须导入整个jQuery框架似乎很多。

3 个答案:

答案 0 :(得分:1)

你签出了http://www.jqtouch.com吗? 这是一个用于iPhone移动开发的jQuery插件。它有很多你可能想要的功能。

另外,更直接地回答您的问题。是的,单选按钮对于移动浏览器来说太小了。最好的解决方案(在我看来)是使用类似jQTouch的东西,它带有适合iPhone的主题。

答案 1 :(得分:1)

唯一的问题是jqtouch的单选按钮实现目前已被破坏。他们已经承诺修复,只要你自己托管框架就有一个解决方法。

http://code.google.com/p/jqtouch/issues/detail?id=109 - 解决方法

答案 2 :(得分:0)

您也可以使用iButton.js,但需要一些技巧才能使其与jQTouch兼容。在这里看我的帖子:

http://groups.google.com/group/jqtouch/browse_thread/thread/2929226aebb60274