Como alinhar caixas de texto

Escrito por ricky gee | Traduzido por monique monteiro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Um campo de texto, também conhecido como uma caixa de texto, é um objeto HTML que exibe o texto em uma linha. Assim como outros objetos usados ​​em formulários HTML, a tag <input> é utilizada na definição de atributos do campo de texto. Para alinhar uma caixa de texto com outros campos do formulário ou com outras caixas de texto, use o atributo "align" (alinhar). "TOP" (acima), "MIDDLE" (meio), "BOTTOM" (abaixo) e "BASELINE" (base) são alguns tipos de alinhamento em HTML.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Abra o documento HTML que você está trabalhando ou inicie um novo. O Bloco de Notas é comumente usado para editar arquivos HTML.

  2. 2

    Use a seguinte tag para criar uma caixa de texto:

    <input type="text" size="num" align="top">

    Substitua "num" com o tamanho desejado da caixa de texto. Os tamanhos comuns da caixa de texto são 15 ou 25.

  3. 3

    Deixe "top" (acima) no atributo de alinhar se você deseja o alinhamento superior. Outros tipos de alinhamento que poderão ser usados são: "MIDDLE" (meio), "BOTTOM" (abaixo), "TEXTTOP" (topo do texto), "BASELINE" (base), "RIGHT" (direita), "LEFT" (esquerda), "ABSMIDDLE" e "ABSBOTTOM".

  4. 4

    Crie outra caixa de texto e defina seu alinhamento com o mesmo tipo usado na primeira caixa. Repita o procedimento para todas as caixas de texto adicionais.

  5. 5

    Salve o arquivo HTML e verifique-o em um navegador web.

Dicas & Advertências

  • Absmiddle e absbottom são configurações de alinhamento absolutos. Elas alinham suas caixas de texto para a parte da linha de HTML, independentemente do resto que é mencionado nessa linha

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível