Come utilizzare i CSS per modificare la larghezza di input

June 28

Un tag "input" HTML è un tag di modulo utilizzato per creare un campo di testo, pulsante, pulsante o casella di presentare. tag input vengono utilizzati per costruire forme che, quando combinato con uno script, può e-mail le informazioni direttamente da una pagina Web. Come la maggior parte dei tag HTML, è possibile modificare lo stile di un tag input utilizzando il codice di stile CSS. In particolare, è possibile modificare la larghezza di elementi di input utilizzando la proprietà "larghezza". Questo è utile per la creazione di aree di testo più ampie per accogliere le stringhe di testo lunghi.

istruzione

1 Aprire il codice della pagina Web in qualsiasi editor HTML o testo.

2 Fare clic per posizionare il cursore tra l'apertura "<body>" e la chiusura "</ body>" tag.

3 Tipo "<input type = '[elemento-type]' style = 'width: [x] px;'>" su una riga vuota.

4 Sostituire il "[elemento-tipo]" testo nel codice inserito con il tipo di elemento di input che si desidera creare. Tipi di elementi di input comprendono "testo", "bottone", "invia", "reset", "Radio", "password", "checkbox", o "immagine".

5 Sostituire il "[x]" testo nel codice inserito con un valore, in pixel, indicando la larghezza dell'elemento di input.

6 Fare clic sul menu "File", e quindi fare clic su "Salva" per salvare la pagina Web.