"Input" i tag HTML sono i camaleonti di Internet. A seconda dell'attributo che si dà loro nel codice, possono trasformarsi in qualsiasi cosa, da un pulsante a una casella di testo. KompoZer, un editor di pagine HTML visual, nasconde la complessità del codice HTML e consente di creare rapidamente elementi quali caselle di testo. Semplicemente fare clic su alcuni pulsanti, inserire alcuni valori, e il programma aggiunge una nuova casella di testo personalizzato al documento HTML.

Istruzioni

1

Avviare KompoZer e premere "CTRL" e "N" per aprire una finestra di dialogo. Fare clic su "Crea" per creare un nuovo documento HTML. Questo documento viene visualizzata nella finestra di modifica.

2

Fare clic sulla scheda "Normale" nella parte inferiore di KompoZer per inserire il programma in modalità progettazione. Fare clic in un punto qualsiasi all'interno del documento e il tipo, "Questo è un test". Verrà visualizzata la finestra di testo che si aggiunge sotto questo testo.

3

Fare clic su "Inserisci", fare clic su "Modulo" e quindi fare clic su "Campo modulo". Si apre la finestra di dialogo "Proprietà campo modulo". Questa finestra consente di impostare una casella di testo e definirne le proprietà.

4

Fare clic sul pulsante a discesa di "Field_Type" e quindi fare clic su "Testo". Digitare un nome per la casella di testo nella casella "Nome_campo" e digitare "Hello" nella finestra di "Initial_Value".

5

Tipo "100"-- senza le virgolette, nella casella "Dimensione del campo". Questo dice il browser per creare una casella di testo che è di 100 caratteri. Fare clic su "OK". KompoZer pone una nuova casella di testo contenente la parola "Hello" sotto il testo digitato nella pagina.

6

Fare clic sulla scheda "Source" per visualizzare il codice sorgente HTML. Si vedrà un nuovo tag "input" che definisce la casella di testo. La casella di testo è largo 100 caratteri. Aggiungere altre caselle di testo al documento attenendosi alla procedura seguente.

Consigli & Avvertenze

• In questo esempio, è stato digitato "Hello" nel campo "Initial_Value" situato nella finestra proprietà di campi modulo. Modificare questo valore a qualcosa che ti piace per rendere la casella di testo visualizzare tale valore quando si apre la pagina Web. Molti sviluppatori, tuttavia, lasciano vuoto questo valore poiché le caselle di testo sono i controlli di input utilizzati per accettare dati invece di visualizzarlo. Se avete bisogno di visualizzare informazioni sulla tua pagina Web, considera la visualizzazione in un controllo label o un paragrafo.