Arquivo para Setembro, 2007

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.

Bubble Tooltip com CSS

Tooltips simples utilizando somente CSS. Pouco código e muita funcionalidade.

css-bubble

Site: http://trentrichardson.com/examples/csstooltips/

Demo: http://trentrichardson.com/examples/csstooltips/

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.

jQuery Tooltip

Tooltip com jQuery. Possibilita algumas variações e configurações, desde simples tooltips até tooltips com imagens e sombras.

jquery-tooltip

Site: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Demo: http://jquery.bassistance.de/tooltip/demo/

Licença: MIT e GPL.