Come creare un modulo in Adobe Dreamweaver CS5

September 6

I moduli permettono ai visitatori di interagire con il tuo sito web per la trasmissione di informazioni da elaborare. Un metodo comune di utilizzare forme è quello di ottenere un feedback dai visitatori, che possono richiedere ulteriori informazioni. Dreamweaver CS5 semplifica il processo di creazione di forma, offrendo una interfaccia di progettazione grafica, che entra automaticamente il codice HTML per voi. elementi del modulo, come del bordo del modulo, i campi di testo e pulsanti, vengono inseriti nel modulo dal menu Modulo.

istruzione

1 Aprire la pagina HTML in Adobe Dreamweaver CS5 e fare clic sulla posizione in cui si desidera che il modulo per iniziare.

2 Fai clic su "Inserisci" nel menu in alto, scegliere "Form" e selezionare "Form" dal menu a comparsa. Viene visualizzata una casella rossa tratteggiata sulla pagina.

3 Inserire l'URL dello script che elaborerà il modulo nel campo "Azione" della finestra Proprietà tasto. Se non è possibile visualizzare la finestra Proprietà, tenere premuto il tasto "Ctrl" e premere il tasto "F3".

4 Fai clic su "Inserisci" punto a "Form" e selezionare il tipo di elemento di modulo che si desidera utilizzare. selezioni comuni sono "Campo di testo", per aver accettato il testo singolo o multi-linea, "Casella di controllo" per l'acquisizione di sì / no tipo risposte, "Radio Button" per la selezione di un elemento e "Select (List / Menu)" per entrare in un elenco di opzioni. Ogni componente ha le sue configurazioni, disponibili dalla finestra Proprietà.

A titolo di esempio, per entrare in un campo di testo su più righe, fare clic su "Inserisci", "Form" e "Campo di testo". Fai clic su "OK" nella finestra pop-up, che richiede informazioni facoltative. Fare clic sul campo di testo appena creato per selezionarlo. Fai clic su "Multi Line" per farne un campo multi-linea. Specifica la larghezza in pixel del campo nella sezione "Char Width" e il numero di linee nel campo "Num Lines". Inserire un valore testo iniziale che si desidera venga visualizzato nella casella di testo, come ad esempio "Inserisci qui il tuo messaggio."

5 Digitare eventuali etichette descrittive che si desidera prima o dopo gli elementi del modulo. A titolo di esempio, è possibile digitare "Feedback" prima che il campo di testo su più righe per consentire al visitatore sa che è una scatola di feedback.

6 Fai clic su "Inserisci", "Form" e poi "Button". Il pulsante sarà un pulsante "Invia" di default, ma si può anche indicare un ulteriore pulsante come "Reset Form" nella finestra Proprietà per consentire agli utenti di cancellare il modulo. Facendo clic sul pulsante Invia presenterà il modulo per l'URL azione.

7 Salvare la pagina HTML e caricarlo sul vostro server per renderlo attivo.


Articoli Correlati