用于网络的非原生表单输入的选项？

Question

我想知道是否有任何良好的非原生表单输入用于Web开发？我目前正在使用内置的<input>控件。它们工作正常，但对于我的应用程序来说它们太大了（特别是在OS X上）。我想知道是否有任何库可以作为替代品。

我特别感兴趣：

• 尽可能接近本机控制行为。支持标签，突出显示当前文本框，在<select>中按向上/向下键等

• 复制<select>

• 看起来很好并且紧凑

我知道您可以将CSS用于某些样式，但它非常小，并且根据浏览器的不同而有所不同。

感谢您的帮助。

Answer 1

这两个来自Codrops的本机选择“display：none”，然后添加一个可以设置样式/修改的叠加层。

非常简单，您只需要在选择框中调用插件即可。

演示
http://tympanus.net/Development/SelectInspiration/index3.html http://tympanus.net/Development/SimpleDropDownEffects/

Answer 2

http://plugins.jquery.com/project/jNice http://www.whitespace-creative.com/jquery/jNice/

您可能希望使用自己的图像，尺寸和CSS自定义。

Answer 3

您可以尝试使用Flex / Flash创建控件，并使用JavaScript来检索值。

这样您就可以根据需要自定义控件，同时仍然与大多数用户/浏览器保持兼容。

Answer 4

HTML不像那样模块化。重要的是，您也受到浏览器支持的限制。自定义HTML的look'n'feel的唯一方法是CSS和Javascript。有基于浏览器CSS / JS的UI框架，如jQuery UI和几个CSS based form solutions，其目标是在（大多数）浏览器中具有相同的外观。

您还可以考虑使用Rich Internet Application (RIA)，Flex，Air，JavaFX等方式开发Silverlight。这样看起来完全是在每个webbrowser中都相同，但这至少需要一个客户端可能必须首先安装的附加插件。