maggior parte dei browser impostate la larghezza massima di default di caselle di input a circa 20 caratteri di testo che possono essere inseriti e visualizzati in qualsiasi momento . Utilizzando i CSS , è possibile modificare la larghezza di default delle caselle di input utilizzando lo "stile width" elemento di formattazione . Questo non sarebbe una misura esatta , però, perché la larghezza di ogni carattere varia da lettera a lettera o un numero per numero ( a meno che non si dichiara un tipo di carattere mono -spazio per quella casella di input specifico) . Per esempio , la larghezza di un numero " 8" può essere molto diversa rispetto alla larghezza di un numero " 1 ", a seconda del tipo di carattere specificato .
Impostazione della larghezza del foglio di stile
per impostare la larghezza di una casella di input per il documento HTML in CSS per un massimo di due caratteri di stato codice di ingresso , digitare - # statecode {width : 2 em } - nel file CSS . Questo non limita il numero di caratteri consentiti , ma limita solo il numero approssimativo di caratteri che possono essere visualizzati in una sola volta nella casella di testo specificato
impostando l'attributo Dimensione del HTML . File
nel file HTML , è possibile applicare l'attributo di dimensione per l'elemento di input , come in: . Per visualizzare una casella di input per il testo immesso in un campo utilizzato per inserire un codice postale , digitare : . Questo codice imposta la larghezza della casella di input per il campo codice postale per circa sette caratteri. La dimensione massima è impostata su sette e non cinque ( ci sono cinque numeri in un codice postale di serie) per lasciare spazio più ampio di quello caratteri medi e per consentire margini all'interno della casella di testo , di solito un personaggio o due più ampi , per una più facile leggibilità .
HTML Dimensione attributo Codice
Applicando l'attributo di dimensione per l'elemento di input fa aiuto con la formattazione dei campi di input , allineandole e definirli in modo più chiaro , e soddisfare le specifiche di progettazione per il modulo. Ma in realtà non limita il numero di caratteri consentiti da inserire nella casella di testo di input . Esso definisce in realtà il limite di (circa ) quanti caratteri può essere visualizzato in quella casella di input . Se è iscritto oltre il numero massimo di caratteri , il testo si sposta solo a sinistra e visualizza solo gli ultimi caratteri che sono stati digitati . I primi personaggi sono ancora lì , ma non visibile - a meno che il tasto freccia sinistra viene utilizzato per visualizzarli , in tal caso , non vengono visualizzati gli ultimi caratteri
Impostazione numero massimo di caratteri consentito .
per impostare il numero massimo di caratteri consentiti da inserire in una casella di input nel file HTML , scrivere il codice HTML con la seguente sintassi : < input type = maxlength "testo " = " caratteri " /> . Ad esempio, per impostare il numero massimo di caratteri consentiti nella casella di input a 11 caratteri , digitare il codice HTML come segue : . L'utilizzo di questo codice con lo stile larghezza ( CSS ) o gli attributi di dimensione ( HTML) andrà un lungo cammino per aiutare a creare un modulo ben progettato e funzionale , che consente di controllare i personaggi e larghezza massima delle vostre caselle di input .
Programmazione © www.354353.com