- Artigos
- Javascript
- Dinheiro
- Joomla
- Design
- Wordpress
Como personalizar Forms Html rapidamente?
18 Junho 2009
Ao criar a caixa de contacto do weblouca.com, o tempo que ia gastar nela era crucial. No entanto cria criar algo razoavelmente apelativo visualmente, mas em pouco tempo. Existem muitas formas e informação para personalizar Forms Html, no entanto optei por utilizar javascript, no meu caso o script Niceforms.
Neste artigo vou-lhe apresentar dois scripts que pode utilizar para personalizar as suas forms html. Ambos os scripts são simples de utilizar, e razoavelmente intuitivos. Um utiliza uma framework (Jquery) outro é nativo (Niceforms).
1. Niceforms
O script niceforms vai substituir todos os elementos dentro de uma form que contenha a class "niceform", por elementos personalizados. Você pode optar por utilizar os que vêm por predefinição com o script ou desenhar novos.
Para implementar o script niceforms só tê que realizar o seguinte procedimento:
Realizar o load do script e do css:
<script type="text/javascript" src="niceforms.js">
</script>
Adicionar a respectiva class à form que deseja personalizar
<!--(...)-->
<form>
2. JqTransform
O JqTransform ao contrário do script niceforms funciona através da Framework Jquery.
A unica coisa que terá que fazer é adicionar o plugin do jquery à secção <head> do seu website. E começar a desfrutar de Forms Html personalizadas.
</script>
Tál como no script Niceforms têm que se identificar a form com uma class:
<!--(...)-->
<form>
E para aplicar a transformação têm que adicionar ainda as seguintes linhas de javascript à sua página web:
$(function() {
$("form.jqtransform").jqTransform();
});
</script>
TrackBack URI for this entry
 |
Você não disponibiliza os scripts e os arquivos CSS para que possamos realizar o download? |
 |
@Danilo |
 |
Bom dia companheiro. |
|
|
@Thiago Moreira |
 |
Está porreiro o script gostei bastante do design dos campos. |
Continuando na mesma "onda" do ultimo artigo sobre design publicado no WebLouca, Como criar madeixas...
Para quem não sabe o JW Player (http://www.longtailvideo.com/players/jw-flv-player/) é um player f...
Deseja criar um header mais atractivo para o seu website? Deseja criar um Logótipo, diferente do n...
A par do Wordpress (/wordpress) o Joomla é um dos mais utilizados gestores de conteúdos da actuali...
Anda à procura de uma solução simples e gratuita para colocar vídeos flash no seu website? Talve...
Neste artigo vou-lhe demonstrar como rodar imagens e qualquer elemento desde div a span co...
Atualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
A pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
Redimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
No inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...
Julho 21, 2009