Nwlapcug.com


Come modificare l'aspetto dell'Input di testo HTML

Come modificare l'aspetto dell'Input di testo HTML


L'etichetta di "Stile" Cascading Style Sheets (CSS) può essere utilizzato all'interno di un documento HTML per modificare l'aspetto di una casella di testo. La casella di testo è parte di un form e viene creata con il tag HTML "< INPUT >". È possibile modificare il colore di sfondo di casella di testo, colore del testo, carattere di testo o anche la dimensione del testo. Questo vi darà il vostro modulo un aspetto più interessante rispetto a semplice bianco e nero. Se avete intenzione di aggiungere il colore per il testo e lo sfondo, è possibile utilizzare colori contrastanti per la massima visibilità.

Istruzioni

1

Aprire il documento HTML in qualsiasi editor di testo come blocco note di Windows.

2

Individuare il "< INPUT type ="text">" tag per la casella di testo che si desidera modificare l'aspetto di.

3

Aggiungere il seguente codice dopo la parte di "testo" del tag:

STYLE = "color: #00FF00; font-family: volte; font-size: 12px; colore di sfondo: #FF0000; "

Questo creerà una casella di testo con uno sfondo rosso. Il testo digitato sarà verde, il carattere «Times» e dodici pixel di dimensione. È possibile modificare gli attributi per soddisfare il tuo sito Web. L'intero tag avrà un aspetto simile: < INPUT type = "text" STYLE = "color: #00FF00; font-family: volte; font-size: 12px; colore di sfondo: #FF0000; "size ="10"maxlength ="30">

4

Salvare e chiudere il file.

5

Verificare le modifiche aprendo il file in qualsiasi browser web.