Come creare personalizzati caselle di testo in HTML

March 29

Come creare personalizzati caselle di testo in HTML


Una casella di testo viene utilizzato in un modulo Internet per fornire il visitatore con una superficie di inserire le sue informazioni. Queste scatole inizialmente visualizzano con uno sfondo bianco e testo nero, ma pensare di cambiare queste caratteristiche per soddisfare le vostre esigenze. Ad esempio, lo stile la casella di testo per abbinare il resto del layout di pagina, o progettare questa funzione per richiamare l'attenzione su una particolare scatola. Utilizzando HyperText Markup Language (HTML) in collaborazione con Cascading Style Sheets (CSS), creare le proprie caselle di testo personalizzato.

istruzione

1 Avviare un editor di testo e creare una nuova pagina. Immettere il seguente codice per creare un'area di testo di base:
<Textarea cols = righe "50" = "6">
Questo è il testo che visualizza all'interno della vostra casella di testo.
</ Textarea>

2 Inserire "style =" nel tag "<textarea>", digitare l'identificatore "background-color" e seguire questo con lo sfondo colore desiderato. Utilizzare un nome di un colore, come ad esempio "blu" e digitare il colore di sfondo come segue:
<Textarea cols = righe "50" = "6" style = "background-color: blue;">

3 Digitare un identificatore di "confine" per assegnare uno stile di contorno per la vostra casella di testo. Selezionare uno stile di linea, come "solido" o "punteggiata", scegliere una dimensione linea in pixel (px) e scegliere un colore per questa funzione. Ad esempio, creare un bordo punteggiato che è di due pixel e rosso:
<area di testo cols = righe "50" = "6" style = "background-color: blue; border: 2px punteggiato rosso; ">

4 Inserire un identificatore "font" per assegnare la dimensione del contenuto che viene visualizzato all'interno della vostra casella di testo. Questo testo offre al visitatore un suggerimento su ciò che si sta chiedendo (per esempio, "Inserire qui i vostri commenti."). Per illustrare, rendere il carattere 14 pixel:
<Style area di testo = "background-color: blue; border: punteggiata 2 px rosso; font: 14px; ">

5 Salvare il documento con il "HTML" fine (estensione).