Mouseup

home / mouseLab
MouseLab

Seletores de formulários com JQuery

Estou postando alguns seletores exclusivos para formulários extremamente util.


imagem
 
<!-- primeira coisa a fazer é baixar a biblioteca -->
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript">
 
$(document).ready(function()
{
//--> no seletor eu escolhi o "formulário de texto" pra colocar contorno vermelho |-----------------
$(":text").css({"border":"2px solid #FF0000"});
//--> no seletor eu escolhi o "formulário check box" pra colocar contorno verde |-------------------
$(":checkbox").css({"border":"2px solid #00FF00"});
//--> no seletor eu escolhi o "formulário radio box" pra colocar contorno amarelo |-----------------
$(":radio").css({"border":"2px solid #FFFF00"});
//--> no seletor eu escolhi o "formulário reset" pra colocar contorno azul |------------------------
$(":reset").css({"border":"2px solid #0099FF"});
//--> no seletor eu escolhi o "formulário arquivo" pra colocar contorno lilás |---------------------
$(":file").css({"border":"2px solid #9966FF"});
//--> no seletor eu escolhi o "formulário botão submit" pra colocar contorno rosa chock (hum...) |--
$(":submit").css({"border":"2px solid #FF33FF"});
});
</script>
imagem
Clique para baixar Voltar a página

 

Relacionados

 

Comentários

 
imagem
 
imagem Comente, critique deixe sua impressão pra gente!
imagem
 
Redes sociais
Copyright © 2008 - 2012 MouseUP Serviços de Internet LTDA. Todo o conteúdo deste site é de uso exclusivo da MouseUP.
Proibida reprodução ou utilização a qualquer título, sob as penas da lei.
Youtube Google Maps Twitter Facebook Orkut