Stili HTML Message Box

June 7

È possibile usare l'HTML per incorporare tre diversi tipi di finestre di messaggio in una pagina Web. Il tipo di finestra di messaggio da utilizzare dipende dal tipo di sito che si sta creando: commento o accesso pagine utilizzano le finestre di messaggio progettato per recuperare i dati dei visitatori, mentre le pagine di informazioni ad alta densità utilizzano le finestre di messaggio progettato per risparmiare spazio.

DIV Scatole

elementi DIV sono più spesso utilizzati per organizzare un sito web in diverse sezioni, ma può anche funzionare come una finestra di messaggio se troppo pieno - attribuiscono fogli di stile CSS - è impostato su "scorrimento". Overflow definisce ciò che accade a un elemento se il testo o altri oggetti di flusso al di fuori dei confini dell'elemento. Modifica "troppo pieno" a "scorrimento", aggiunge barre di scorrimento per l'elemento DIV. I visitatori non possono cambiare il contenuto di un elemento DIV, quindi i progettisti Web devono aggiungere il testo desiderato tra i "<div>" e "</ div>" tag per popolare la finestra di messaggio.

aree di testo

aree di testo possono contenere un numero illimitato di caratteri. A differenza di elementi DIV, che sono bloccate, i visitatori possono entrare o rimuovere il testo contenuto all'interno di un'area di testo, anche se i cambiamenti non andare a vivere - in altre parole, altri visitatori che arrivano al sito non potranno vedere le modifiche al testo la zona. La maggior parte dei Web designer utilizzano le aree di testo, come campi di commento. "Cols" e "file" modificare le dimensioni predefinite dell'area di testo; "colli", o colonne, determina la larghezza della finestra di messaggio, mentre le "righe" determina l'altezza.

I campi di testo

I campi di testo sono simili al testo in aree che i visitatori possono cambiare il contenuto della scatola, ma a differenza di aree di testo ed elementi DIV, i campi di testo sono limitati a una sola riga. I campi di testo sono elementi del modulo utilizzati per ottenere informazioni da un visitatore; per esempio, la maggior parte dei siti web utilizzano i campi di testo etichettati "Email" e "Password" per recuperare le credenziali di accesso. È possibile bloccare i campi di testo con l'attributo "sola lettura", una funzione spesso usato in combinazione con JavaScript per impedire ai visitatori di immissione di testo nella casella di messaggio senza prima completare una serie di istruzioni preliminari.

uso

Utilizzare "<div>" e "</ div>" per aggiungere elementi DIV a una pagina, "<textarea>" e "</ textarea>" per aggiungere aree di testo, e "<input type =" text ">" per aggiungere campi di testo. Quando si aggiungono campi delle password in una pagina, utilizzare "<input type =" password ">" invece di "<input type =" text ">". Per ottenere i dati di un utente tramite una finestra di messaggio, racchiudere la casella nella "<form>" e "</ form>" tag.


Articoli Correlati