Jump to content
Sign in to follow this  
skcratch

Fomulário HTML - utilização de tabelas para formatação?

Recommended Posts

skcratch

Viva!

Gostaria de saber qual é o método que recomendam para a formatação de um formulário HTML. Tenho visto muitos exemplos em que o formulário é criado tendo por base uma tabela. É este o método mais aconselhado para o fazer, ou deveria ser feito com recurso ao CSS?

Cumps!

;)

Share this post


Link to post
Share on other sites
pedrotuga

Acho que é uma questão de preferencia.

Eu gosto de usar tabelas pois permite um alinhamento que não consegues de outra forma., uma tabela com o texto na coluna à esquerda e com os campos na coluna à direita. Alinhando o texto à direita acho que dá a disposição que me parece mais obvia enquanto visitante.

à parte disso, acho que não é semanticamente incorrecto colocar um formulário numa tabela, afinal de contas um formulário é uma tabela com campos por preencher.

Share this post


Link to post
Share on other sites
skcratch

Viva!

Antes demais, obrigado pela resposta. Pelo que tenho lido e pelos exemplos que tenho visto, também me parece a forma mais lógica (e rápida?) de fazer aquilo que pretendo, já que permite ter todos os parâmetros do formulário devidamente alinhados.

Cumps!

;)

Share this post


Link to post
Share on other sites
pmg

Também que acho que fazer o alinhamento com tabelas é mais fácil e rápido.

Mas,  pode ser feito sem tabelas:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
  <title>no table form</title>
  <style type="text/css">
    label { width: 12em; float: left; text-align: right; padding: 0 1em 0 0; }
    input { float: left; }
    input[type=submit] { margin-left: 13em; }
    br { clear: left; margin: 0 0 4px 0; }
  </style>
</head>
<body>
  <form action="someurl" method="post"><div>
    <label for="name">Nome</label><input type="text" name="name" id="name" size="42"><br>
    <label for="morada">Morada</label><input type="text" name="morada" id="morada" size="42"><br>
    <label for="nif">Número Contribuinte</label><input type="text" name="nif" id="nif" size="9"><br>
    <label for="telefone">Telefone</label><input type="text" name="telefone" id="telefone" size="9"><br>
    <label for="genero">Género</label><select name="genero" id="genero"><option>Masculino<option>Feminino</select><br>
    <label for="datanasc">Data de Nascimento</label><input type="text" name="datanasc" id="datanasc" size="9"><br>
    <input type="submit" value="Enviar dados">
  </div></form>
</body>
</html>


What have you tried?

Não respondo a dúvidas por PM

A minha bola de cristal está para compor; deve ficar pronta para a semana.

Torna os teus tópicos mais atractivos e legíveis usando a tag CODE para colorir o código!

Share this post


Link to post
Share on other sites
falco

CSS é a resposta!

Tabelas de HTML não foram feitas para isso. Foram feitas para fazer o display de dados. E utilizar as tabelas para isso está fora do standard e vai contra as guidelines do W3C.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.