Come fare un campo più lungo in HTML

June 27

HTML è un linguaggio di markup che permette di codificare i documenti per il Web. Una delle cose che è possibile aggiungere a una pagina Web è una forma. moduli web sono costituiti da campi di testo, caselle di selezione, pulsanti di opzione, caselle di controllo e pulsanti, molti dei quali potete stile in CSS (Cascading Style Sheets). campi di testo o caselle di immissione sono più facili da stile rispetto ad altri elementi del modulo, ed è possibile regolare la loro larghezza impostando la proprietà "larghezza" in CSS.

istruzione

1 Aprire la pagina Web in Blocco note o un editor di codice e trovare i tag input per i campi:

<Input type = "text" name = "myfield" id = "myfield" />

Il tipo di ingresso è di solito "testo", anche se alcune forme usano anche "nome" o "e-mail". Ottenere il nome ID per il campo.

2 Aprire il file foglio di stile CSS per la pagina Web o di trovare un paio di "<style>" tag all'interno dei "<head>" tag della pagina web. Se la pagina Web ha nessuna di queste cose, aggiungere "<style>" tag:

<Style type = "text / css">
</ Style>

3 Creare una regola di stile che gli obiettivi del campo di input con il suo nome ID:

<Style type = "text / css">

MyField {

}
</ Style>

Se il vostro sito ha già codice CSS, aggiungere questo in fondo il CSS.

4 Regolare la larghezza impostando la proprietà "width" ad un valore di pixel:

<Style type = "text / css">

MyField {

width: 400px;

}
</ Style>

Consigli e avvertenze

  • Per indirizzare tutti i campi di input di testo, sostituire "#myfield" con questo: ingresso [type = 'text']
  • Eseguire il backup dei file di pagina Web prima di modificare nel caso in cui si commette un errore. A volte, dopo troppe modifiche, diventerà difficile da rintracciare errori.