Formulário em PHP com CSS

Olá galera do PHP!
Bom algumas pessoas me perguntam como cria um FORM em PHP com CSS...
Então vamos lá:
Primeiro vamos Criar o arquivo index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css_form.css">
<title>Cadastro No Site</title>
</head>

<body>
<h2>Cadastro no site</h2>
<form id="form1" name="form1" method="post" action="">
  <label>Nome: *<br>
  <input type="text" name="txtlNome" id="txtlNome" required>
  </label>
  <label>  <br>
  Sobre Nome: *<br>
  <input type="text" name="txtSobreNome" id="txtSobreNome" required>
  </label>
  <label><br>
  E-mail: *<br>
  <input type="text" name="txtemail" id="txtemail" required>
  <br>
  Usu&aacute;rio: *<br>
  <input type="text" name="txtUser" id="txtUser" required>
  </label>
  <label><br>
  Senha: *<br>
  <input type="password" name="txtSenha" id="txtSenha" required>
  <br>
  <br>
  </label>
  <input name="button" type="submit" class="botaoForm" id="button" value="Enviar">
</form>
</body>
</html>

Usei um típico formulário de Cadastro para mostrar como funciona o CSS veja que eu marquei o arquivo CSS no texto...

Vamos agora Criar o arquivo css_form.css

/* CSS Document */
body{
    font-family:Arial, Helvetica, sans-serif;
    color:#036;
}
form label {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#036;
    font-weight:bold;
   
}
form input[type="text"] {
    background-color:#f2f2f2;
    border:1px solid #000;
    padding:5px;
    width:350px;
}

form input[type="text"]:hover {
    background-color:#e1e1e1;
    border:1px solid #333;
    padding:5px;
}

form input[type="text"]:focus {
    background-color:#FFFFFF;
    border:1px solid #900;
    padding:7px;
}

 form input[type="password"] {
    background-color:#f2f2f2;
    border:1px solid #000;
    padding:5px;
    width:350px;
}

form input[type="password"]:hover {
    background-color:#e1e1e1;
    border:1px solid #333;
    padding:5px;
}

form input[type="password"]:focus {
    background-color:#FFFFFF;
    border:1px solid #900;
    padding:7px;
}
.botaoForm {
    padding:5px;
    background-color:#036;
    border:1px solid #000;
    color:#fff;
    font-weight:bold;
} 

pronto! ai esta um modelo de form php com css

ate a próxima... 

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Transforma valor R$ por extenso

Olá seguidores do php! Bom eu fiz uma aplicação a onde eu tinha que transforma um valor Decimal em string então fiz uma pesquisa de na internet e achei um muito interessante, ele faz muito bem essa função, eu  fiz os teste aprovei, meus parabéns para que criou. Veja o código: function extenso($valor = 0, $maiusculas = false) { $singular = array("centavo", "real", "mil", "milhão", "bilhão", "trilhão", "quatrilhão"); $plural = array("centavos", "reais", "mil", "milhões", "bilhões", "trilhões", "quatrilhões"); $c = array("", "cem", "duzentos", "trezentos", "quatrocentos", "quinhentos", "seiscentos", "setecentos", "oitocentos", "novecentos"); $d = array("", "dez", "vinte", "trinta", "qu
Leia mais

Criar um arquivo html com php

Imagem
Olá galera hoje vamos criar uma pagina HTML com o php, lembrado que para isso ser possível o seu servidor tem que ter permissão de escrita na pasta a onde o arquivo vai ser salvo. Bom, primeiro vamos criar uma pasta chamada “pastatest” e da a permissão “chmod   777” se for Linux. Vamos ao exemplo: <?php # Nome do arquivo html $pagename = "pastatest/paginahtml.html" ; # Texto a ser salvo no arquivo $texto = "<h1>Test Page Edu</h1>" ; #Criar o arquivo $fp = fopen( $pagename , "w" ) ; $fw = fwrite( $fp, $texto ) ; #Verificar se o arquivo foi salvo. if ( $fw == strlen( $texto )) {    echo 'Arquivo criado com sucesso!!' ; } else {     echo 'falha ao criar arquivo' ; } ?> Veja que nós usamos as funções “ fopen , fwrite  e strlen ” . Bom, é isso ai até a proxima...
Leia mais

Excluir um registro de uma tabela usando php+mysql+jQuery

Imagem
Olá galera do php!   Hoje eu vou mosta como excluir um registro de uma tabela usando php+mysql+jQuery , então vamos lá. Primerio vamos criar uma tabela chamada " tb_contatos" em um banco de dados mysql com os seguintes campos "id","Nome" e "Email". CREATE TABLE `tb_contatos` (   `Id` INT(11) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT 'Id',   `Nome` VARCHAR(50) DEFAULT NULL COMMENT 'Nome Completo',   `email` VARCHAR(100) DEFAULT NULL COMMENT 'E-mail',   PRIMARY KEY (`Id`) ) ENGINE=INNODB AUTO_INCREMENT=0 DEFAULT CHARSET=latin1 De pois de criar a tabela vamos fazer um insert de dados na tabela. INSERT INTO tb_contatos(Nome,email) VALUE ('Nome de Usuario1','email@usuario1.com.br'),('Nome de Usuario2','email@usuario2.com.br'),('Nome de Usuario3','email@usuario3.com.br') Bom agora vamos ao codigo php e jQuery Vamos criar um arquivo para conexão com o bando de dados
Leia mais