Fomulário em HTML e CSS

Abaixo será disponibilizado um código que mostra o seguinte formulário:
O formulário em HTML e CSS usa recursos como áreas de texto, botões e checadores. Além disso ele força o preenhimento do campo antes do "envio" e da opção de limpar o que já foi preenchido.
Você pode fazer o download do código completo e pronto para editar clicando aqui, ou pode simplesmente copiar o código.

<!doctype html> <html> <head> <title>Form HTML + CSS</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body{ font-family: verdana; color: #2E2E2E;} #meio{padding-left: 10px; background-color: #F5F6CE; width: 500px; margin-left: -250px; left: 50%; position: absolute;border: 10px solid; border-color:#848484; border-radius: 10px;} .cmp{ width: 300px;} .tabelas {border-style: solid; border-radius: 10px;} </style> </head> <body bgcolor="black"> <div id="meio"> <br/> <center> <table class="tabelas"> <tr> <td><b>FEITO POR:</b></td> <td><i>Josimar Junior Evangelista Criste</i></td> </tr> <tr> <td><b>SITE:</b></td> <td><i>www.informaticode.com.br</i></td> </tr> </table> </center> <br/><br/> 1. Faça uma página com o seguinte formulário: <form action="processaForm.jsp"> Nome: <input type="text" name="NOME" required="required" class="cmp"> <br/> Senha: <input type="password" name="SENHA" required="required" class="cmp"> <br/><br/> Em qual moeda você prefere receber seu salário? <br/> <input type="radio" name="resp" checked="true"> Real<br> <input type="radio" name="resp"> Dolar<br> <input type="radio" name="resp"> Euro<br> <input type="radio" name="resp"> Yen<br> <br/> Qual seu time favorito?<br/> <select multiple> <option value="time1">Flamengo</option> <option value="time2">Vasco</option> <option value="time3">Real Noroeste</option> <option value="time4">São Paulo</option> <option value="time5">Santos</option> <option value="time6">Grêmio</option> <option value="time7">Cruzeiro</option> </select> <br/><br/> Queres comentar?<br/> <textarea name="Texto" cols="55" rows="10"> Comentários aqui... </textarea> <br/><br/> <input type="submit" value="ENVIAR"> <input type="reset" value="LIMPAR"> </form> <br/> </div> </body> </html>

HOT NA SEMANA

C, Ordenar um Vetor em Ordem Crescente

CSS, Efeito clarear e escurecer em CSS

C, Programa Números em Ordem Crescente

C++, Tabuada com código super simples







© Copyright 2017 - INFORMATICODE, todos os direitos reservados.