Il linguaggio di programmazione JavaScript consente di modificare in modo dinamico disegno elementi HTML 'compreso il bordo di un elemento di casella di testo. Ogni elemento nella pagina HTML contiene diverse classi CSS. È possibile utilizzare queste classi nelle vostre funzioni JavaScript di cambiare layout come il confine casella di testo. Si cambia confini casella di testo in modo dinamico per fare una casella di testo spiccano contro gli altri; per esempio, è possibile utilizzare questa funzione per la circostanza in cui un utente dimentica di compilare un parte di una forma - si imposta il confine come il rosso per indicare che l'utente deve compilare le informazioni prima di continuare.

istruzione

1 Fare clic sul file HTML che contiene la casella di testo che si desidera modificare. Fai clic su "Apri con", quindi fare clic sul editor HTML o JavaScript che si utilizza per modificare il codice.

2 Individuare la casella di testo che si desidera modificare. È necessario il valore "ID" della casella di testo per il codice JavaScript. Se non si dispone di una casella di testo già creato, il codice seguente crea uno per voi:

<Input type = "text" id = "miamacchina" value = "valore" />

3 Digitare il seguente codice JavaScript per modificare il bordo casella di testo:

. Document.getElementById ( "miamacchina") style.border = "nero solido 1px";

Il codice di cui sopra aggiunge una solida bordo nero 1 pixel intorno alla casella di testo.