如何处理表单：Cordova/Phonegap 中的 <input> 和 <select> [关闭]答案

【问题标题】：How to deal with forms: <input> and <select> in Cordova/Phonegap [closed]如何处理表单：Cordova/Phonegap 中的 <input> 和 <select> [关闭]
【发布时间】：2014-10-29 02:51:44
【问题描述】：

我正在使用 AngularJS 和 Cordova 开发跨设备应用程序，但在处理表单元素的 CSS 时遇到了麻烦。我需要在表单中使用基本选择、多项选择、日期输入和时间输入。我遇到的问题是：

多选 - 如何添加占位符文本以及如何更改在我选择多个选项后显示的文本（即"Please select your options" -> "Option 1, Option 5" 或 -> "4 Options selected"）
<input> 与 type="date" 和 type="time" - 我无法在 Android 设备上更改他们的 CSS（行高、填充、宽度、高度等）。无论我做什么，他们似乎都保持“默认”

另外值得一提的是，我希望 <select> 调用原生选择。我没有动态更改文本的问题，但它的位置。

我用谷歌搜索了一下，jquery mobile 有这个jQueryMobile，它有我需要的一切，但我不想仅仅为此加载整个 jQuery mobile + 如果我加载它，我将不得不写很多额外的 CSS，因为 jQuery mobiles CSS 非常贪婪。

【问题讨论】：

对于多选，我推荐你使用 selected（jquery 插件）。您可以查看多选，自定义占位符，设计自己的风格。

标签： javascript jquery css angularjs cordova

【解决方案1】：

1) 尽量避免多选。 Android仅在选择多个项目时显示一个项目。 Ios 显示“已选择 1 个项目”，但行为不一致。

我给你 2 个选项：如果很少，请尝试放置一个复选框列表。如果数字很高，您可以导航到复选框滚动的子列表。

2) 对于日期，我建议使用像 http://plugreg.com/plugin/VitaliiBlagodir/cordova-plugin-datepicker 这样的插件

【讨论】：

1.) 无法避免多选，设计师和客户需要它，我必须让它以某种方式工作。 2.) 谢谢，试试看。
这其实对我没有帮助，我正在为WP8，android和iOS开发，不能依赖插件。