Nwlapcug.com


Come impostare la quantità di caratteri in una barra di inserimento con i CSS

Come impostare la quantità di caratteri in una barra di inserimento con i CSS


È possibile limitare il numero di caratteri che qualcuno può digitare nella barra di inserimento di un modulo dal sito Web o casella di testo, utilizzando l'attributo "maxlength" del tag HTML < input >. È possibile specificare la larghezza visiva della casella di testo con i CSS o fogli di stile CSS. Di per sé, CSS non può limitare il numero di caratteri di input a una casella di testo. Combinazione di HTML e CSS è possibile creare una barra di input del modulo con una larghezza di circa le stesse dimensioni come la sua lunghezza massima di input.

Istruzioni

1

Aprire il file HTML, editor di pagine Web o altro luogo dove si trova codice HTML del form.

2

Aggiungere il seguente attributo all'interno del tag < input > per la barra di inserimento appropriato:

Style = "width: 40px;"

Cambiamento "40" per il tuo comodo ingresso bar larghezza, in pixel. Il tag < input > finale dovrebbe essere simile:

< input type = "testo" style = "width: 40px;" / >

3

Aggiungere il codice seguente all'interno del tag < input > per impostare un massimo di input in caratteri:

MaxLength = "40"

Modificare il numero massimo di caratteri che si desidera consentire nel campo "40". Il tag < input > dovrebbe essere simile:

< input type = "testo" style = "width: 40px;" maxlength = "40" / >

4

Salvare le modifiche.