Schreiben von HTML-Formularen

Schreiben von HTML-Formularen

Schreiben von HTML-Formularen : Mehreren tausend Tipps, um Ihr Leben einfacher machen.

Ein Formular ist ein Gebiet, das enthält verschiedene Formularelemente um Benutzereingaben zur Verarbeitung durch ein spezielles Programm zu nehmen. Es gibt verschiedene Formularelemente wie in der folgenden Abbildung zu sehen ist. Die Darstellung dieser Form-Elemente kann jedoch je nach Browser variieren verwendeten. Dieses Tutorial wird vorausgesetzt, dass Sie zumindest grundlegende Kenntnisse in HTML haben.

1. Zuerst müssen Sie angeben, Anfang und Ende des Formulars mit der < Form > und < / form > Markierungen. Wie ich bereits erwähnt habe wenn Eingaben des Benutzers gesendet wird, wird er durch ein spezielles Programm verarbeitet. Dieses spezielle Programm werden normalerweise in einer Common Gateway Interface (CGI)-Sprache geschrieben. Sie benötigen, zu erhalten oder Schreiben selbst ein Programm geschrieben in PHP oder PERL Formmail genannt. Eine Alternative ist zu verwenden einen Service von FormMail, die eine geringe Gebühr (weniger als 1 $ pro Monat) Gebühren dafür, dass Sie verwenden, die man auf seinem System gespeichert. Ich empfehle dringend, dass Sie diese Option wählen, wie es selber sehr schwierig und zeitaufwendig sein könnte. Darüber hinaus lassen einige hosting-Unternehmen nicht für eigene CGI-Programme aus Angst vor Sicherheitsrisiken verwenden. Wenn Sie sicher sind, dass Sie es sich einrichten können, erhalten Sie das PERL-Programm an ScriptArchive. Die Anweisungen zum Konfigurieren des Skripts werden in der Readme-Datei enthalten sein. Sobald Sie ein Skript für Ihren Gebrauch vorbereitet haben, müssen Sie das Formular mit ihm zu verbinden. Dies geschieht mithilfe der 'Aktion' und 'Methode'-Attribute. Der Wert des Attributs 'Aktion' ist den Speicherort und den Namen des Skripts, während die Methode 'get' oder 'post'. Wenn Sie die PERL Formmail verwenden, wird der HTML-Code Folgendes ähneln < bilden Methode = 'POST' Aktion 'als https://fp1.formmail.com/cgi-bin/fm192' = >.
2. Das am häufigsten verwendete Formularelement ist die < Input >-Tag. Der Typ der Eingabe wird der Wert des Attributs 'Type' angegeben. Mit dem input-Tag können Sie problemlos erstellen, ein Button, Checkbox, Radio, zurücksetzen oder Absenden Button oder Textbox. Geben Sie einfach den Typ des Form-Elements in das Type-Attribut der Eingabe erstellen möchten. Beispielsweise um ein Textfeld wie in das Diagramm zu erstellen, ich würde geben Sie < Eingang Typ = 'Text' / >. Drei weitere Attribute, die Sie benötigen, zu wissen, sind 'Value', 'aktiviert' und 'Name'. Der Wert des Value-Attributs variiert durch die Art der Eingabe. Für Schaltflächen und Texteingaben ist eingegebene Wert, was standardmäßig angezeigt wird, wenn ein Benutzer das Formular sieht. Für Kontrollkästchen und Optionsfelder ist der Wert, wofür es steht wenn geklickt. Dies wird an das Skript gesendet, die das Formular verarbeitet. Für Radio-Buttons und Checkboxen wird das aktivierte Element verwendet, um anzugeben, ob es standardmäßig geprüft werden sollen. Es hat keinen Wert. Das Namensattribut ist erforderlich für input-Elemente mit der Typen-Button, Checkbox, Text und Radio. Ein Beispiel für ein Optionsfeld mit den Attributen, die ich erwähnt habe ist ie: < Eingang Typ = 'Radio' geprüft

Verwenden Sie die Elemente, erklärt in diesem Tutorial erstellen Sie Ihr eigenes Formular.
Ein Beispielformular--wie dies aussieht, geben Folgendes in Ihrem bevorzugten Editor und speichern es. < bilden Methode = 'POST' Aktion 'als https://fp1.formmail.com/cgi-bin/fm192' = > Name: < Eingang Typ = 'Text' > E-Mail: < Eingang Typ = 'Text' > Ja! Bitte senden Sie e-Mails mich jede Woche. < Eingang Typ = 'Checkbox' überprüft / > Fragen/Kommentare: < Textarea Zeilen = '5' Cols = '25' > geben Sie Text hier. < / Textbox > wo haben Sie von uns erfahren? < wählen Sie >< Option > Google < / option >< Option > Yahoo < / option >< Option > andere < / option >< / select >< Eingang Typ = 'submit' / >< Eingang Typ = 'reset' / >< / Formular >