24 lindas técnicas de formulário HTML personalizado

O COMSHARP CMS escreve: os objetos HTML não são renderizados em diferentes navegadores de maneira consistente. Embora alguns objetos, como caixa de texto e textarea, possam obter uma aparência consistente em diferentes navegadores através de CSS, a maioria dos outros objetos que não podem controlar a aparência através do CSS parecem muito feios em alguns navegadores. Este artigo seleciona 24 tecnologias para personalizar objetos de formulário.

Caixa de seleção está relacionada aos botões de rádio

1.) Fancyform

A FancyForm é uma biblioteca JavaScript muito poderosa que pode ser usada como substituto para botões de seleção e botões de rádio, pode gerar botões de seleção e botões de rádio muito bonitos e suporta quase todos os navegadores. Esta biblioteca JavaScript requer o suporte da estrutura de javascript de MooTools.

2.) CRIR: Caixa de seleção e substituição de entrada de rádio

Esta combinação JavaScript e CSS oculta os botões de seleção e os botões de rádio nos formulários e permite simular a caixa de seleção e os botões de rádio usando configurações CSS para caixa de seleção e botões de rádio. A funcionalidade do formulário não será alterada e os valores de dados de caixa de seleção e botões de rádio ainda podem ser coletados. As tags de caixa de seleção e botões de rádio acionam esses objetos ocultos.

3.) Caixas de seleção personalizadas de Ryan Fait e botões de rádio

Esta combinação JavaScript e CSS permite simular a caixa de seleção, o botão de rádio e selecionar controles de lista usando suas próprias imagens. Esta biblioteca javascript cuidadosa também pode usar automaticamente os controles de formulário tradicionais quando o navegador desativa o JavaScript.

4.) Arc - Personalização de rádio/caixa de seleção de Adam

O script detecta a caixa de seleção e os botões de rádio e suas tags no formulário e, uma vez descoberto, substitui esses controles por tags gráficas no estilo CSS.

5.) PrettyCheckBoxes

6.) Caixa de seleção JQuery

7.) Alguns artigos usados ​​para personalizar a caixa de seleção e botões de radion

• Botão de rádio personalizado Implemento com jQuery
• SlayerOffice Caixa de seleção personalizada elementos
• Controles HTML personalizados: Criação de caixa de seleção personalizada
• Controles de formulário com estilo
• Caixas de seleção sofisticadas e botões de rádio
• Técnica interna: caixas de seleção personalizadas

Selecione e suspenso caixa (caixa de seleção / suspensão) relacionada

1.) JavaScript Image ComboBox (JavaScript Graphic ComboBox)

2.) Lista de verificação suspensa do jQuery

3.) Selecionar personalizado com ícones

4.) Comboboxes usando Mootools

5.) Selecione a substituição

6.) Mais tecnologia de personalização de caixa selecionada (com base em JavaScript)

• McDropdown jQuery Plug-in
• JQuery Custom Select Box V.0.01
• ARC90 ARC90
• Control.SelectMultiPle

Mais objetos de controle de forma

1.) Elementos de formulário personalizado (CFE)

Os elementos de formulário personalizado combinam várias tecnologias para aprimorar os objetos de controle de formulários da Web XHTML e alcançam mais efeitos bonitos com base em JavaScript e CSS, melhorando a facilidade de uso e a acessibilidade. Suporta a maioria dos navegadores convencionais.

2.) emblematiq niceforms

O NICEFORMS é uma biblioteca JavaScript que pode substituir quase todos os objetos do formulário da Web. Você pode usar o tema padrão e até desenvolver seu próprio tema.

3.) plug -in jQuery: jnice

Fonte deste artigo: http://www.netwaver.com/23/24-html-form-lements-customization-techniques/