Come creare un modulo Carrello

January 28

Come creare un modulo Carrello


Mettere una forma carrello della spesa sul vostro sito permette ai visitatori web per acquistare i prodotti. Avrete bisogno di una conoscenza di base di HTML in aggiunta alle immagini dei prodotti, descrizione del prodotto e il prezzo. Il carrello della spesa basato su tabelle viene creato all'interno di un modulo, in modo da rendere la tavola e le sue cellule larga quanto la pagina Web. Alla fine del modulo, è possibile includere un pulsante "invia". Questo è un semplice carrello della spesa che non utilizza JavaScript, che è possibile modificare o aggiornare in base alle esigenze.

istruzione

1 Aprire un editor di testo, come Blocco note. Digitare l'apertura "<form>" e la chiusura "</ form>" tag.

2 Iniziare un tavolo sotto la "<form>" tag con l'apertura "<table width = ?? cellpadding =" 1 "cellspacing =" 1 "border =" 1 ">" e la chiusura "</ table>" tag. Specificare la larghezza della tabella.

3 Aggiungere la tabella prima fila "<tr>" e "</ tr>" tag. Aggiungere la colonna prime file "<td>" e "</ td>" tag. Aggiungere righe e colonne aggiuntive all'interno della tabella, se necessario. Il codice è simile al seguente:

<Form>

<Table width = "500" cellpadding = "1" cellspacing = "1" border = "1">

<Tr>

<Td> </ td>

</ Tr>

Aggiungere più righe e colonne qui

</ Table>

</ Form>

4 Aggiungere l'HTML immagine del prodotto alla prima colonna della prima riga. Aggiungere la descrizione del prodotto e di qualsiasi altro testo che si desidera.

5 Aggiungere una casella di controllo per il cliente di acquistare il prodotto nella seconda colonna della prima riga. Digitare il prezzo. Il codice di esempio è simile al seguente:

<Td> <input type = "checkbox" nome = valore "prezzo" = "$ 9,95" /> $ 9,95 </ td>

6 Ripetere i punti 4 e 5 per i prodotti aggiuntivi. L'immagine del prodotto e descrizione vanno nella prima colonna e il prezzo va nella seconda colonna. Completare la tabella.

7 Aggiungere un pulsante "Invia". Dopo il "<form />" tag, creare un nuovo modulo per il pulsante di invio. L'attributo action è dove saranno inviati i dati. Il codice di esempio è simile al seguente:

<Form name = azione "input" = "????" method = "get">

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

</ Form>

8 Aggiungi il tuo codice alla pagina Web in cui si desidera visualizzare il vostro carrello della spesa. Carica le tue fotografie del prodotto e cambiare nulla se lo si desidera.

Consigli e avvertenze

  • Aggiungere il "<div align =" center ">" e "</ div>" tag per il modulo per centrarla nella pagina Web.

Articoli Correlati