Gewusst wie: Erstellen eines Formulars, Warenkorb

Setzen einen Warenkorb Formular auf Ihrer Website ermöglicht Web-Besucher, Ihre Produkte zu kaufen. Sie benötigen grundlegende Kenntnisse in HTML neben Produktbilder, Produktbeschreibungen und den Preis. Tabellenbasierte Warenkorb innerhalb eines Formulars erstellt, so stellen die Tabelle und deren Zellen so breit wie Ihre Webseite. Am Ende des Formulars können Sie einen "submit" Button einfügen. Dies ist eine einfache Warenkorb, der nicht JavaScript, die Sie ändern oder aktualisieren verwendet Bedarf.

Anweisungen

1 Öffnen Sie einen Texteditor wie Notepad. Geben Sie die Eröffnung "< Form >" und schließen "< / form >" Markierungen.

2 Beginnen Sie einen Tisch unter dem Tag "< Form >" mit der Eröffnung "< Tisch Breite =?? Cellpadding = "1" Cellspacing = "1" Border = "1" > "und das abschließende"< / table >"Markierungen. Geben Sie die Tabellenbreite.

3 Fügen Sie der Tabelle erste Zeile "< tr >" und "</tr >" Tags. Die erste Spalte Rows "< td >" und "</td >" Markierungen hinzufügen. Fügen Sie zusätzliche Zeilen und Spalten in der Tabelle nach Bedarf hinzu. Der Code sieht folgendermaßen aus:

< Form >

< Tabelle Width = "500" Cellpadding = "1" Cellspacing = "1" Border = "1" >

< tr >

< td >< / td >

</tr >

Fügen Sie weitere Zeilen und Spalten hier

< / table >

< / form >

4 Die erste Spalte der ersten Zeile das Produktbild HTML hinzufügen. Fügen Sie die Produktbeschreibung und gewünschten Text.

5 Fügen Sie ein Kontrollkästchen für den Kunden, das Produkt in der zweiten Spalte der ersten Zeile beziehen. Geben Sie den Preis. Beispiel-Code sieht so aus:

< td >< Eingang Typ = "Checkbox" Name = "Preis" Wert = "$9,95" / >$ 9,95 </td >

6 Wiederholen Sie die Schritte 4 und 5 für weitere Produkte. Die Produktabbildung und Beschreibung gehen in der ersten Spalte und der Preis geht in die zweite Spalte. Vervollständige die Tabelle.

7 Fügen Sie eine Schaltfläche "Absenden". Nach dem Tag "< / form >" Erstellen eines neuen Formulars für die Senden-Schaltfläche. Das Action-Attribut ist, an die die Daten gesendet werden. Beispiel-Code sieht so aus:

< Formularname = "input" Action = "??" Methode = "get" >

< Eingang Typ = "submit" Value = "Submit" / >

< / form >

8 Fügen Sie die Codierung der Webseite Warenkorb angezeigt werden soll. Laden Sie Ihre Produkt-Fotos und ändern Sie nichts zu, falls gewünscht.

Tipps & Warnungen

• Hinzufügen der "< Div align ="center">" und "< / Div >" Tags, um das Formular auf der Web-Seite zu zentrieren.