javascript - 如何处理表格: &lt;input&gt; and <select> in Cordova/Phonegap

标签 javascript jquery css angularjs cordova

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

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

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

另外值得一提的是我想要 <select>调用 native 选择。我对动态更改文本没有问题,但它的位置有问题。

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

最佳答案

1) 尽量避免多选。当选择多个元素时,Android 只显示一个元素。 Ios 显示“已选择 1 个元素”,但行为不一致。

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

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

关于javascript - 如何处理表格: &lt;input&gt; and <select> in Cordova/Phonegap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25664058/

上一篇:html - 下拉列表背景颜色在 Firefox 和 IE 中更改为白色 onclick - 而不是 Chrome

下一篇:html - 为什么我的 style.css 更新仅在执行硬刷新时反射(reflect)出来,而在之后刷新时恢复到以前的版本?

相关文章:

javascript - 无法将数组分配给全局变量 "name"

javascript - 从 data.task 迁移到处理拒绝的 folktale

jquery - 横幅中需要连续循环

javascript - 如何在鼠标事件上上下滚动列表

javascript - Asp.net/Javascript 在选中复选框时删除输入字段的值

javascript - for循环内的jquery.load()不起作用

javascript - 访问 Node 中的构造函数变量。 js

css - 元素的边框颜色是否受其背景颜色影响?

css - 如何在 Drupal 中将导航栏居中?

javascript - 在 CSS 或 JavaScript 中检测打印机的页面大小