Come impostare il numero di caratteri in una barra di inserimento Con i CSS

March 28

Come impostare il numero 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 sito web, o casella di testo, utilizzando il "maxlength" attributo del tag HTML <input>. È possibile specificare la larghezza visiva della casella di testo con fogli CSS o Cascading Style. Di per sé, CSS non può limitare il numero di caratteri di input per una casella di testo. La combinazione di HTML e CSS può creare una barra di ingresso modulo con una larghezza circa la stessa dimensione come la sua lunghezza massima di ingresso.

istruzione

1 Aprire il file HTML, editor di pagine Web o altro luogo in cui si trova il codice HTML del tuo modulo.

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

style = "width: 40px;"

Change "40" al tuo preferito Barra di ingresso, espressa in pixel. Il tag finale <input> dovrebbe essere simile a:

<Input type = "text" style = "width: 40px;" />

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

maxlength = "40"

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

<Input type = "text" style = "width: 40px;" maxlength = "40" />

4 Salvare le modifiche.


Articoli Correlati