Options pour les entrées de formulaires non natifs pour le Web?

Question

Je me demande s'il existe de bonnes entrées de formulaires non natifs pour le développement web? J'utilise actuellement les contrôles intégrés <input>. Ils fonctionnent très bien, mais pour mon application ils sont trop gros (surtout sur OS X). Je me demande s'il y a des bibliothèques que je peux remplacer en tant que remplaçants.

Je suis particulièrement intéressé par ceux qui:

• Est-ce un comportement proche de contrôle natif possible. Soutien à tabulant, mettant en évidence en cours zone de texte, en appuyant sur haut/bas dans <select>, etc.

• quelque chose qui réplicats <select>

• bien paraître et sont compacts

Je sais que vous pouvez utiliser CSS pour un style, mais c'est assez minime et semble différent selon le navigateur.

Merci pour votre aide.

Answer 1

HTML n'est pas modulaire comme ça. Fait important, vous êtes également limité par le support du navigateur. Les seuls moyens de personnaliser le look'n'feel du HTML sont CSS et Javascript. Il y a des frameworks d'interface utilisateur basés sur CSS/JS de type crossbrowser disponibles comme jQuery UI et plusieurs CSS based form solutions dans le but d'avoir le même look'n'feel parmi les (plus) navigateurs.

Vous pouvez également envisager de développer un Rich Internet Application (RIA) en utilisant l'un des Flex, Air, JavaFX, Silverlight, etc. De cette façon, il ressemble exactement la même chose dans tous les webbrowser, mais qui nécessite au moins un plugin supplémentaire que le client peut avoir à installer d'abord.

Answer 2

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

Vous pouvez personnaliser les images, tailles et CSS avec votre propre.

Answer 3

Vous pouvez essayer de créer les contrôles avec Flex/Flash et d'utiliser JavaScript pour récupérer les valeurs. Cela vous permet de personnaliser autant que vous le souhaitez le contrôle tout en restant compatible avec la plupart des utilisateurs/navigateurs.

Answer 4

Ces deux de Codrops donnent les sélections natives "display: none", puis ajoutent une superposition qui peut être stylée/modifiée.

Assez simple, vous avez juste besoin d'appeler le plugin sur votre boîte de sélection.

Demos
http://tympanus.net/Development/SelectInspiration/index3.html http://tympanus.net/Development/SimpleDropDownEffects/