As caixas de texto ajudá-lo a recolher dados de um formulário Web. Você pode mudar o tamanho de sua caixa de texto para torná-lo apto uma área de sua página ou alinhar com outras caixas de texto que você criou. A marca de entrada permite que você crie, nome e redimensionar as caixas de texto em uma página da Web. Você pode manipular a largura de uma caixa de texto com Hypertext Markup Language (HTML) ou a sua altura e largura com Cascading Style Sheets (CSS).
Redimensionar com CSS
Abra um editor de texto, como o Bloco de Notas, TextPad ou EditPad. Selecione "Arquivo" e "Abrir" no menu. Clique duas vezes no arquivo HTML contendo caixa de texto que deseja redimensionar.
Adicione o seguinte estilo entre o tag para redimensionar as dimensões da caixa de texto. A caixa de texto a seguir tem uma altura de 50 pixels e largura de 200 pixels. Para usar um tamanho diferente, altere o valor para a altura e largura.
Rolar para o
marcar e encontrar o código HTML para a caixa de texto. Será semelhante a:reter ``Mas remover "size =" 20 "" a partir do código. Adicione o nome da classe ( "myInput") a partir do estilo que criou, por isso, tem o seguinte teor:
Repita o passo anterior para redimensionar as caixas de texto adicionais. Todas as caixas de texto que incluem "class =" myInput " `são automaticamente redimensionadas na página.
Selecione "Arquivo" e "Save" para atualizar sua página.
Redimensionar com HTML
Comece o seu editor de texto favorito, como o Notepad, TextPad ou EditPad. Selecione "Arquivo" e "Abrir" no menu. Clique duas vezes no arquivo HTML que você deseja modificar.
Vá até o código HTML para a caixa de texto. Será semelhante a:
Altere o valor de "tamanho" do tamanho que você deseja definir. Por exemplo, para definir o período de "40", use o seguinte:
Selecione "Arquivo" e "Save" no menu para salvar as alterações.
Como fazer uma caixa com o texto dentro html