Posts da categoria Formulários

Formulário com Ajuda através de Popup em div

Você clica num botão e aparece um div abaixo do input explicando como preencher aquele campo.

Form Ajuda

http://juicystudio.com/article/form-help-without-popups.html

Formulários adaptados com imagens

Niceforms é um javascript que permite customizar formulários web.

O resultado é um formulário diferente em termos visuais, onde utilizamos imagens para substituir radio buttons, checkbox, textarea e campos texto.

niceforms

Site: http://www.emblematiq.com/projects/niceforms/

Demo: http://www.emblematiq.com/niceforms/v10/niceforms.html

Licença: Creative Commons Attribution-Share Alike 3.0 Unported License.

Formulários Formatados com CSS

Apesar de meio pesado, é uma interessante solução. Utiliza imagens para textarea, inputs, checkbox e radio.

finalproduct

Site: http://www.agavegroup.com/?p=35

Demo: http://www.agavegroup.com/agWork/prettyForms/

Licença: Não especificada.

Formulários na Horizontal

Formulários na horizontal. Nesse exemplo, utiliza-se etapas (1, 2 e 3). Semanticamente corretos com fieldsets, legends, label e estilos CSS.

Form Horizontal

Site: http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/

Demo: http://www.skyrocket.be/lab/semantic_horizontal_form.html

Licença: Não especificada.

Formulários Acessíveis com CSS

Formulários sempre consomem um bom tempo com formatação. Essa iniciativa deixa label e input na horizontal. Não utiliza tabelas, só CSS.

Form Horizontal

Site: http://www.alistapart.com/articles/prettyaccessibleforms

Demo: http://www.alistapart.com/d/prettyaccessibleforms/example_3/

Licença: Não especificada.

Tooltip em Formulários com CSS

Script em CSS que  faz com que apareça uma tooltip ao lado do campo de texto do formulário. Quando um input recebe o foco aparece uma tooltip sugerindo e orientando a digitação.

Tooltip formulários

Site: http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html

Demo: http://www.askthecssguy.com/examples/formfieldhints/example06.html

Licença: Não especificada.

jTip Tooltip jQuery

jTip é um script de tooltip com jQuery. Flexível e customizável. Carrega os dados na tooltip com Ajax.

jtip

Site: http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip

Demo: http://www.codylindley.com/blogstuff/js/jtip/

Licença: Creative Commons License.