如何处理表单：Cordova / Phonegap中的<input />和<select> </select>

Question

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

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

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

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

Answer 1

1）尽量避免多选。当选择多个项目时，Android仅显示一个项目。 Ios显示＆＃34;选择1项＆＃34;但行为不一致。

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

2）对于日期，我建议使用http://plugreg.com/plugin/VitaliiBlagodir/cordova-plugin-datepicker

之类的插件