Il limite di caratteri di caselle di input in HTML

February 25

Il limite di caratteri di caselle di input in HTML


caselle di input possono variare in larghezza in HTML (Hypertext Markup Language), o variare nelle dimensioni nella sua CSS (Cascading Style Sheet). Così limiti di caratteri sono abbastanza facili da impostare e modificare. Fondamentalmente, caselle di input sono limitate solo dalle dimensioni del disegno, configurazione e struttura della pagina Web stesso. Le barre di scorrimento possono anche essere aggiunti che aumenta ulteriormente la flessibilità della capacità casella di input.

CSS Style Sheet e del browser larghezze predefinite

Maggior parte dei browser impostare 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 predefinita delle caselle di input utilizzando l'elemento di formattazione "stile larghezza". Questo non sarebbe una misura esatta, però, perché la larghezza di ogni carattere varia da una lettera all'altra o un numero per il numero (a meno che non si dichiara un tipo di carattere mono-spazio per quella scatola ingresso specifico). Per esempio, la larghezza di un numero "8" può essere molto diverso rispetto alla larghezza di un numero "1", in funzione del carattere specificato.

Impostare la larghezza nel foglio di stile

Per impostare la larghezza di una casella di input per il documento HTML nel CSS per una casella di input codice massimo stato di due caratteri, tipo - #stateCode {width: 2 em} - nel file CSS. Questo non limita il numero di caratteri consentiti; limita solo il numero approssimativo di caratteri che possono essere visualizzati in una sola volta nella casella di testo specificato.

Impostare l'attributo size nel file HTML

Nel file HTML, è possibile applicare l'attributo dimensione per l'elemento di input come in: <input type = "text" size = "caratteri" />. Per visualizzare una casella di input per il testo inserito in un campo utilizzato per immettere un codice postale, è necessario digitare: <input type = "text" id = "zipCode" name = "zipCode" size = "7" />. Questo codice imposta la larghezza della casella di input per il campo CAP a 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 i margini all'interno della casella di testo, di solito un personaggio o due più ampi, per una più facile leggibilità.

HTML Codice dimensione attributo

Applicando l'attributo dimensione per l'elemento di input aiuta con la formattazione dei campi di input, allineandoli e definire più chiaramente, e incontrare 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. In realtà imposta il limite di (circa) il numero di caratteri possono essere visualizzati in tale casella di input. Se viene immesso più del 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 visualizzare loro, in tal caso, non verranno visualizzati gli ultimi caratteri.

Impostazione numero massimo di caratteri consentiti

Per impostare il numero massimo di caratteri consentiti da inserire in una casella di input nel file HTML, scrivere il codice HTML utilizzando la seguente sintassi: <input type = "text" maxlength = "caratteri" />. Ad esempio, per impostare il numero massimo di caratteri consentiti nella casella di immissione a 11 caratteri, digitare il codice HTML come segue: <input type = "text" maxlength = "11" />. Utilizzando questo codice con lo stile di 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 di tue caselle di input.