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).
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:
Adicionar a respectiva class à form que deseja personalizar
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.
Tál como no script Niceforms têm que se identificar a form com uma class:
E para aplicar a transformação têm que adicionar ainda as seguintes linhas de javascript à sua página web:
|
|
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. |
Julho 21, 2009