Come aggiungere una casella di testo KompoZer

August 16

Tag HTML "input" sono i camaleonti di Internet. A seconda l'attributo che si dà loro nel codice, possono diventare qualsiasi cosa, da un pulsante a una casella di testo. KompoZer, un editor di pagine HTML visuale, nasconde la complessità del codice HTML e consente di creare elementi come caselle di testo rapidamente. È sufficiente fare clic su alcuni pulsanti, inserire alcuni valori, e il programma aggiunge una nuova casella di testo al documento HTML.

istruzione

1 Avviare KompoZer, e premere il tasto "Ctrl" e "N" per aprire una finestra di dialogo. Fai clic su "Crea" per creare un nuovo documento HTML. Questo documento viene visualizzato nella finestra di modifica.

2 Fare clic sulla scheda "normale" nella parte inferiore della KompoZer di collocare il programma in modalità di progettazione. Fare clic ovunque all'interno del documento e tipo, "Questa è una prova". La casella di testo si aggiunge apparirà sotto questo testo.

3 Fare clic su "Inserisci" click "forma", e quindi fare clic su "Form Field." 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 "field_type", e quindi fare clic su "Testo". Digitare un nome per la casella di testo nella casella "Nome_campo" e di tipo "Ciao" nella casella "valore_iniziale".

5 Digitare "100" - senza le virgolette - nella casella "Dimensione campo". Questo dice browser per creare una casella di testo che è di 100 caratteri. Fai clic su "OK". KompoZer pone una nuova casella di testo che contiene la parola "Ciao" di seguito il testo digitato sulla pagina.

6 Fare clic sulla scheda "Sorgente" per visualizzare il codice sorgente HTML. Si vedrà un nuovo tag "input" che definisce la vostra casella di testo. La casella di testo è larga 100 caratteri. Aggiungere caselle di testo al documento seguendo queste fasi.

Consigli e avvertenze

  • In questo esempio, avete digitato "Ciao" nel campo "valore_iniziale" che si trova nella finestra Proprietà campi modulo. Modificare questo valore a qualcosa che ti piace fare visualizzare la casella di testo che il valore quando la pagina Web si apre. Molti sviluppatori, tuttavia, lasciare questo valore vuoto dal momento che le caselle di testo sono i controlli di input utilizzati per accettare i dati invece di visualizzarlo. Se è necessario per visualizzare le informazioni sulla pagina Web, è opportuno visualizzarlo in un controllo etichetta o un paragrafo.