form label, form input { display: block; margin: 0 0 10px 0; } form input { height: 20px; } label.error { border: 1px solid red; color: red; font-weight: bold; padding: 3px; background-color: #99CCFF; margin: 6px 0; width: 120px; text-align: center; }
<script type="text/javascript" type="javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script> <form id="validate" action="validate.html" method="post" name="validate"> <label for="nome">Nome:</label> <input type="text" name="nome" /> <label for="idade">Idade:</label> <input type="text" name="idade" /> <label for="email">E-mail:</label> <input type="text" name="email" /> <label for="pais">PaĆs:</label> <select name="pais"> <option value="">Selecione</option> <option value="brasil">Brasil</option> <option value="canada">Inglaterra</option> </select><input type="submit" value="Validar" /> </form>