Come creare un modulo d'ordine in formato HTML

February 6

Come creare un modulo d'ordine in formato HTML


Un modulo d'ordine online è un modo conveniente per consentire ai clienti di effettuare acquisti da voi. Non solo è possibile un accesso acquirente questa forma al momento e il giorno che funziona meglio per lui, ma l'utente può anche inviare gli ordini a voi direttamente attraverso il vostro sito web. In questo modo, si ignora la necessità di un telefono, fax o servizio postale per ricevere affari. Utilizzando HyperText Markup Language (HTML), creare un modulo d'ordine per il tuo sito, come si richiede.

istruzione

1 Ottenere uno script modulo dal proprio fornitore di host web o da un libero, risorsa online come script di calore o Stadtaus.com (vedi Risorse). Mettere questo script sul vostro conto host (se necessario) nella stessa directory dove tieni altri file del sito web e prendere nota di questa posizione URL. Uno script elabora i dati inviati dal modulo d'ordine e consegna di nuovo a voi.

2 Avviare il programma di editor di testo e creare un nuovo documento o aprire un file esistente. Posizionare il cursore in qualsiasi punto sotto il tag "<body>" dove si desidera visualizzare il modulo d'ordine.

3 Digitare il principio "<form>" elemento e impostare il "metodo" per "post". Inoltre, inserire un "azione" e assegnarlo a l'indirizzo URL dello script è stato salvato nel tuo account. Per esempio:

<Form method = azione "post" = "http://www.domain.com/cgi-bin/form.cgi">

4 Inserire un titolo, come ad esempio "Nome Buyer", che richiede il cliente per le informazioni necessarie.

5 Digitare un tag "<input>" dopo il titolo e immettere "type = text" per costruire un campo di testo per il visitatore di inserire i propri dati. Continuare nominando una parola di vostra preferenza che contraddistingue questa richiesta, come ad esempio "acquirente" e assegnarlo al descrittore di "nome". Infine, fornire un "valore" come "Inserire il nome dell'acquirente" per fornire un suggerimento visivo all'interno della casella di testo. Inserire il codice come segue:

Durante l'acquisto Nome <input type = "text" name = valore "acquirente" = "Inserire il nome del compratore" />

6 Entra un altro "<input>" tag per costruire un pulsante circolare (radio), che offre ai visitatori la possibilità di scegliere tra i due elementi. Ripetere i due passaggi precedenti, ma questo tipo di tempo in un nuovo titolo, inserire "type = radio" e fornire un nuovo "valore". Per esempio, chiedere all'utente che colore preferisce, come il seguente esempio:

Red <input type = "radio" nome = valore "rosso" = "Red" />
Blu <type = "radio" name = valore di ingresso "blu" = "Blue" />

In questo caso, il "valore" sostiene l'attributo "nome" di lasciare lo script modulo sa che cosa questo prompt è.

7 Digitare un altro tag "<input>" e impostare il "tipo" a "opzione" per creare caselle che un utente può verificare per selezionare più di una scelta. Anche in questo caso, creare un titolo in questione, "nome" e "valore", come si preferisce. Illustrare:

aggiungetemi alla vostra mailing list <input type = "checkbox" nome = valore "mailing" = "Mailing" />
Mi firmare per la vostra newsletter <input type = "checkbox" name = "newsletter" value = "Newsletter" />

8 Digitare il codice necessario per creare "Invia" e "Reset" pulsanti:

<Input type = "submit" value = "Invia" />
<Input type = "reset" value = "Reset" />

9 Inserisci una "<form />" tag di chiusura alla fine del codice del modulo. Salvare il file con un ".html" fine (estensione) una volta terminato.