Come inserire una casella di testo in HTML

November 21

Come inserire una casella di testo in HTML


I moduli sono ampiamente utilizzati sui siti web. Chi ha firmato per un account di posta elettronica web-based, ha acquistato un elemento da un sito di e-commerce o compilato il feedback ha utilizzato un modulo HTML. Uno dei campi di input forma più comune è il campo di casella di testo, che permette agli utenti di fornire informazioni specifiche, come il nome o l'indirizzo. Inserimento di una casella di testo nel codice HTML del modulo di una pagina web è un processo rapido, una volta che l'utente conosce la sintassi del codice richiesto.

istruzione

1 Aprire la pagina Web e visualizzare la sua HTML. Se si utilizza un programma di editing visivo, come Adobe Dreamweaver, prima aprire la pagina del programma e quindi fare clic sull'area della forma in cui la casella di testo andrà. Dopo questo modo, cambiare la modalità di visualizzazione per visualizzazione del codice per vedere il HTML che controlla il contenuto e l'aspetto di quella porzione della pagina. Se si utilizza un programma di editing di testo, come Blocco note o WordPad, è sufficiente aprire la pagina nel programma e scorrere fino alla sezione di codice in cui verrà aggiunta la casella di testo.

2 Premere il tasto "Enter" per creare una riga vuota.

3 Copia e incolla il seguente codice sulla riga vuota:

<Input type = "text" name = "indirizzo" size = "50">

4 Regolare il "nome" e valori di parametro "size" per soddisfare le esigenze della forma. Il valore all'interno virgolette dopo il parametro nome viene utilizzato per identificare il campo casella di testo quando viene elaborato, dopo che l'utente preme il pulsante "Invia". Ogni valore può essere usato, ma la maggior parte gli sviluppatori trovano più facile tenere traccia del valore se corrisponde con i dati raccolti (per esempio, "indirizzo" per i dati di indirizzo, "telefono" per i dati Cellulari). Il valore contenuto tra virgolette dopo il parametro di dimensione specifica la larghezza del campo di testo. Maggiore è il numero, più ampio il campo.

5 Salvare la pagina e aprirlo in un browser Web. La casella di testo viene visualizzato nella posizione selezionata, con la larghezza specificata nel passaggio 4. Fare clic sulla casella di testo e digitare alcuni dati di esempio per confermare che le funzioni di campo come progettato.

Consigli e avvertenze

  • Utilizzare il tag <textarea> al posto del tag <input> specificata nel passaggio 3 per creare una casella di testo su più righe. Copiare e incollare il seguente codice nel documento di farlo: <textarea cols = righe "30" = "5" name = "Commento"> </ textarea>. Il valore "colli" specifica la larghezza del campo, mentre il valore "righe" specifica sua altezza. Le funzioni di valore "nome" nello stesso modo come per le caselle di testo normale, come spiegato al punto 4.