Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 1
Sexo: Masculino

dificuldade para inserir colunas na página com html5.

19-05-2014 09:15

Olá pessoal, bom dia!

Estou tendo dificuldade para inserir três colunas na página que estou construindo cadastro de professores, só consegui colocar duas. Sou deficiente visual e estou no quinto semestre do curso Superior de análise e desenvolvimento de sistemas, uso um leitor de tela que se chama NVDA, ele me ajuda nos meus estudos. Como faço para enviar o código fonte cadastro de professores para vocês darem uma olhada e me ajudarem a colocar as três colunas na página ? Por favor me ajudem. O código fonte que estou usando é o html5.Aguardo retorno.Obrigado.

O código é esse.

<!DOCTYPE html>   <head> <meta charset="utf-8"> <title>Sistema de Cadastro</title>   <style type="text/css"> .larguraDiv{  width:600px;  float:left;  } .larguraDiv2{  width:600px;  float:left;  }   </style>   <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">   <script src="../jquery-2.1.1.min.js"></script> <script src="../jquery.maskedinput.min.js"></script> <script src="../bootstrap/js/bootstrap.min.js"></script>   </head>   <body bgcolor="away">   <div class="container"> <center><b><blu>Prefeitura Municipal de Jequié<c/enter></b></blu><p>   <center>Secretaria Municipal de Educação</b></center><p><p>   <center><b><blu>Programa Educação Inclusiva</b></center></b></blu><p>   <center><b><blu>Curso: Formação de Gestores e Educadores</b></center> </b></blu><br /><br /><p>   <h4><center>Cadastro de Professor(a)</center></h4><br /><br /><p>     <form name="signup" method="post" action="cadastrando.php"> <div class="row">         <div class="span6">                                 <label for="unidade_escolar" onclick="document.getElementById('unidade_escolar').focus()">Unidade Escolar: </label>                 <input required="true" type="text" id="unidade_escolar" name="unidade_escolar" size="20" maxlength="20" placeholder="Unidade escolar"><span>*</span>                     <label for="nome" onclick="document.getElementById('nome').focus()">Nome: </label>                 <input required="true" type="text"id="nome" name="nome" size="20"maxlength="10" placeholder="Nome"> <span>*</span>                   <label for="e-mail" onclick="document.getElementById('e-mail').focus()">E-mail: </label>                 <input required="true" type="text"id="e-mail" name="e-mail" size="20"maxlength="10" placeholder="e-mail"> <span>*</span>                   <label for="rg" onclick="document.getElementById('rg').focus()">RG: </label>                  <input required="true" type="text"id="rg" name="rg" size="12" maxlength="12" placeholder="RG">                 <span>*</span>                   <label for="cpf" onclick="document.getElementById('cpf').focus()">CPF: </label>                                <input   required="true" type="text"id="cpf" name="cpf" size="12"maxlength="12" placeholder="CPF">                 <span>*</span>                   <label for="data_de_nascimento" onclick="document.getElementById('data_de_nascimento').focus()">Data de Nascimento: </label>                 <input required="true" type="text"id="data_de_nascimento" name="data_de_nascimento" size="10" maxlength="10" placeholder="Data de Nacimento">                 <span>*</span>                                 <h4>Sexo:</h4>                 <input type="radio" name="sex" value="masc">Masculino<br />                 <input type="radio" name="sex" value="fem">Feminino:<br />                   <h4>Estado Civil:</h4>                 <select name="estado_civil">                   <option value="solteiro">Solteiro(a)</option>                   <option value="casado">Casado(a)</option>                   <option value="divorciado">Divorciado(a)</option>                   <option value="viuvo">Viúvo(a)</option>                   <option value="outros">Outros</option>                 </select>                   <label for="endereço" onclick="document.getElementById('endereço').focus()">Endereço: </label>                 <input required="true" type="text"id="endereço"name="endereço" size="10" maxlength="100" placeholder="Endereço">                  <span>*</span>                   <label for="número" onclick="document.getElementById('número').focus()">Número: </label>                         <input required="true" type="text"id="número"name="numero" size="10" maxlength="10" placeholder="Numero">                 <span>*</span>                                 <label for="bairro" onclick="document.getElementById('bairro').focus()">Bairro: </label>                 <input required="true" type="text"id="bairro" name="bairro" size="10" maxlength="10" placeholder="Bairro">                 <span>*</span>                   <label for="cep" onclick="document.getElementById('cep').focus()">Cep: </label>                 <input id="cep" required="true" type="text"id="cep" name="cep" size="10" maxlength="9" placeholder="Cep">                 <span>*</span>                                 <label for="complemento" onclick="document.getElementById('complemento').focus()">Complemento: </label>                 <input required="true" type="text"id="complemento" name="complemento" size="10" maxlength="10" placeholder="Complemento">                 <span>*</span>                   <label for="telefone" onclick="document.getElementById('telefone').focus()">Telefone: </label>                                         <input required="true" type="text"id="telefone1" name="telefone1" size="10" maxlength="13" placeholder="Telefone">                 <span>*</span>                   <label for="celular" onclick="document.getElementById('celular').focus()">Celular: </label>                 <input required="true" type="text"id="telefone2"name="celular"  size="10" maxlength="13" placeholder="Celular">                          <span>*</span>                 </div>           <div class="span6">                   <div align="left">                 <label for="cidade" onclick="document.getElementById('cidade').focus()">Cidade: </label>                 <input required="true" type="text"id="cidade"name="cidade"  "size="10"  maxlength="10" placeholder="Cidade">                 <span>*</span>                   <div class="larguraDiv1">Estado:                 </div>                    <select name="Estados">                         <option value="ac">AC</option>                         <option value="al">AL</option>                         <option value="ap">AP</option>                         <option value="am">AM</option>                         <option value="ba">BA</option>                         <option value="ce">CE</option>                         <option value="df">DF</option>                         <option value="es">ES</option>                         <option value="go">GO</option>                         <option value="ma">MA</option>                         <option value="ms">MS</option>                         <option value="mt">MT</option>                         <option value="mg">MG</option>                         <option value="pa">PA</option>                         <option value="pb">PB</option>                         <option value="pr">PR</option>                         <option value="pe">PE</option>                         <option value="pi">PI</option>                         <option value="rj">RJ</option>                         <option value="rn">RN</option>                         <option value="rs">RS</option>                         <option value="ro">RO</option>                         <option value="rr">RR</option>                         <option value="sc">SC</option>                         <option value="sp">SP</option>                         <option value="se">SE</option>                         <option value="to">TO</option>                         </select>                 </br>                   <label for="país" onclick="document.getElementById('país').focus()">país:  </label>                 <input required="true"type="text"id="país" name="país" size="10" maxlength="10" placeholder="País">                 <span>*</span>                   <label for="data_de_admissão" onclick="document.getElementById('data_de_admissão').focus()">Data de Admissão: </label>                 <input required="true" type="text"id+"data_de_nascimento"OnKeyUp="mascaraData(this);" name="data_de_admissão" id="data_de_admissao" size="10" maxlength="11" placeholder="Data de Admissão">                 <span>*</span>                   <label for="número da matrícula" onclick="document.getElementById('número_da_matrícula').focus()">Número da Matrícula </label>                 <input required="true" type="text"id="número_da_matrícula"name="numero_da_matricula" size="10" maxlength="10" placeholder="Número da Matrícula">                    <span>*</span>                   <label for="formação_escolar" onclick="document.getElementById('formação_escolar').focus()">Formação Escolar:</label>                 <input required="true" type="text"id="formação_escolar"name="formação_escolar" size="10" maxlength="11" placeholder="Formação Escolar">                 <span>*</span>                   <label for="disciplina" onclick="document.getElementById('disciplina').focus()">Disciplina:</label>                 <input required="true" type="text"id="disciplina"name="disciplina" size="10" maxlength="11" placeholder="Diciplina">                 <span>*</span> </div> <div align="left">                 <h3>Serve a Rede:</h3>                   <input type="checkbox" name="rede1">Municipal                 <br />                   <input type="checkbox" name="rede2" >Estadual                 <br />                   <input type="checkbox" name="rede3" >Privada                 <br />                   <input type="checkbox" name="rede4" >Federal                 <br /> </div> <div align="left">                 <h3>Carga horária: </h3>                   <input type="checkbox" name="carga1" value="20h">20 horas<br />                   <input type="checkbox" name="carga2" value="40h">40 horas<br />                   <input type="checkbox" name="carga2" value="60h">60 horas<br />                 </div>                 <div align="left">                 <h3>Turnos: </h3>                 <input type="checkbox" name="turnos1" value="matutino">Matutino                 <br />                   <input type="checkbox" name="turnos2" value="vespertino">Vespertino                 <br />                   <input type="checkbox" name="turnos3" value="noturno">Noturno<br /><br />                 </div> <div align="left"> <div class="larguraDiv1">Nome do aluno(a):</div>                 <textarea  name="nome_do_aluno(a)" maxlength="1000" placeholder="Nome do aluno(a)"></textarea> <span>*</span> <br /> </div>                   <h3>Da atendimento ao aluno(a), com qual tipo de necessidade especial:</h3>                               <div class="checkbox" align="left">                         <label>                         <input type="checkbox" name="n1" >                                 Necessidade Especial                         </label>                                                 <label>                                 <input type="checkbox" name="n2">                                 Limitação fisica                         </label>                                                         <p>                                                     <label>                                 <input type="checkbox" name="n3" >                                 Intelectual                         </label>                         <p>                                       <label>                                 <input type="checkbox" name="n4" >                                 Sensorial                         </label>                                                 <label>                                 <input type="checkbox"  name= "n5" >                                 Transtornos globais e desenvolvimento e altas habilidades/superdotação                         </label>                                                 <label>                                 <input type="checkbox"  name="n5" >                                 Outros                         </label>                                                                 </div>         </div> </div>   <br /><br />     <input type="submit" value="Cadastrar" /> </form>     </div> </body> </html>   <script> jQuery(function($){                 $("#rg").mask("99999999 99");         $("#cpf").mask("999.999.999-99");         $("#cep").mask("99999-999");         $("#data_de_nascimento").mask("99/99/9999");         $("#telefone1").mask("(99) 9999-9999");         $("#telefone2").mask("(99) 9999-9999");         $("#data_de_admissao").mask("99/99/9999");           }); </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

dificuldade para inserir colunas na página com html5.

19-05-2014 10:00

Seria colunas de uma tabela? Se sim, o código seria esse

<table width="100%"> <tr> <td>coluna1</td> <td>coluna2</td> <td>coluna3</td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado