Formulare sind eines der wichtigsten Werkzeuge, die ein Webmaster verwendet, um wichtige Informationen über einen Internetnutzer, Informationen wie E-Mail, Namen, Adresse, Telefon oder andere Informationen zu sammeln.
Basierend auf der Notwendigkeit, die Informationen können sogar in einer Datei gespeichert werden, Sie können Statistiken, Registerformulare oder Abonnements auf die Informationen in Ihrer Web-Seite präsentiert, und viele andere.
Bevor wir ins Detail gehen, müssen wir ein paar Formulare auslegen. Textfelder haben ein paar Attribute, die von Anfang an erwähnt werden müssen:
html<form method="post" action="mailto:youremail@email.com">
Name: <input type="text" size="10" maxlength="40" name="name" /><br />
Password: <input type="password" size="10" maxlength="10" name="password" />
</form>Verwenden Sie NICHT diesen Code. Daten aus dem Formular werden nicht verschlüsselt und sind nicht sicher in Bezug auf die Sicherheit.
Lassen Sie uns jetzt die Sende-Schaltfläche hinzufügen, können wir? Im Allgemeinen sollte die Sende-Schaltfläche die letzte sein und das Attribut mit dem Namen "Senden", "Einsenden" oder etwas in dieser Art.
Außerdem müssen wir ein Ziel der im Formular eingegebenen Daten sowie den Übertragungsmodus angeben. Dies kann durch Hinzufügen der folgenden Formattribute erfolgen:
html<form method="post" action="mailto:youremail@email.com">.
Name: <input type="text" size="10" maxlength="40" name="name" /><br />
Password: <input type="password" size="10" maxlength="10" name="password" /><br />
<input type="submit" value="Send" />
</form>Ändern Sie einfach die E-Mail-Adresse, an eine echte die für sie arbeitet!
Die Optionsfelder sind sehr beliebt, nützlich und einfach zu bedienen. Das am häufigsten verwendete Beispiel wäre eine Frage mit mehr als einer Antwort. Die bekannten Attribute sind die folgenden:
html<form method="post" action="mailto:youremail@email.com">
<p>What type of shoes you wear ?</p>
<label>Color:</label> <br />
<input type="radio" name="color" value="dark" /> Dark <br />
<input type="radio" name="color" value="light" /> Light <br />
<label>Size:</label> <br />
<input type="radio" name="size" value="small" /> Small <br />
<input type="radio" name="size" value="average" /> Average <br />
<input type="radio" name="size" value="big" /> Big <br />
<input type="submit" value="Email Myself" />
</form>In dem Fall, in dem Sie die E-Mail-Adresse durch Ihre ersetzen werden, erhalten Sie eine E-Mail mit: 'size=(choose) color=(choose)'.
Mit Hilfe von Kontrollkästchen hat der Benutzer die Möglichkeit, eine, zwei oder mehr Antwortvarianten zu wählen. Die Namens- und Wertattribute werden genauso verwendet wie für die Optionsfelder.
html<form method="post" action="mailto:youremail@email.com">
<p>What color shoes you prefer?</p>
<input type="checkbox" name="shoes" value="black" /> Simple Black <br/>
<input type="checkbox" name="shoes" value="white" /> Simple White <br/>
<input type="checkbox" name="shoes" value="gray" /> Shades of gray <br/>
<input type="checkbox" name="shoes" value="black&white" /> Black and white<br/>
<input type="submit" value="Email Myself" />
</form>Ein weiteres Modell der Listenform ist das Folgende, bei dem der Benutzer eine bestimmte Zeile auswählt, die als die gewählte Option gesendet wird.
html<form method="post" action="mailto:youremail@email.com">
<p>Musical preferences</p>
<select multiple name="music" size="4">
<option value="emo" selected>Emo</option>
<option value="metal/rock" >Metal/Rock</option>
<option value="hiphop" >Hip Hop</option>
<option value="ska" >Ska</option>
<option value="jazz" >Jazz</option>
<option value="country" >Country</option>
<option value="classical" >Classical</option>
<option value="alternative" >Alternative</option>
<option value="oldies" >Oldies</option>
<option value="techno" >Techno</option>
</select><br />
<input type="submit" value="Email Yourself" />
</form>Ein weiteres Formular ist das Dropdown-Menü. Dies wird als ein Feld angezeigt, das dann eine Liste zeigt, wenn ein Klick darauf gemacht wird.
html<form method="post" action="mailto:youremail@email.com">
<p>Level of education?</p>
<select name="education">
<option>Choose</option>
<option>High school </option>
<option>Collage</option>
<option>Doctorate</option>
</select><br />
<input type="submit" value="Email Yourself" />
</form>Zunächst muss erwähnt werden, dass diese Formulare nur die Schnittstelle ist, der sichtbare Teil, mit dem der Benutzer arbeiten kann. Um eine vollständige PHP und PERL Upload-Formular zu machen muss man Kenntnisse und Fähigkeiten haben, nicht zu erwähnen, Javascript.
Ein Upload-Formular besteht aus vielen Teilen. Wir beginnen mit der Festlegung der Größe der Datei, die wir hochladen. Diese Sache geschieht mit einem versteckten Feld. Danach erstellen wir das Feld, in dem der Benutzer die Adresse der Datei schreiben kann oder in einem "Explorer" -Fenster nach ihm suchen kann.
html<input type="hidden" name="MAX_FILE_SIZE" value="100" /> <input name="file" type="file" />Im Allgemeinen werden Textzonen zum Senden von Kommentaren verwendet. Blogs und Forume sind die wichtigsten Webseiten, die diese Art von Optionen verwenden. Trotzdem gibt es viele Websites, die diese Textzonen verwenden, um ihre Meinung zu einem bestimmten Thema herauszufinden.
Um eine Textzone zu erstellen, werden wir zunächst die Zeilen und Spaltenattribute innerhalb den <textarea> tag."Zeilen" wird die Höhe des Feldes, und "cols" seine Länge, in Form von Zeichen errichten. Im folgenden Beispiel gibt es 5 Zeilen mit je 20 Zeichen. Außerdem müssen wir die Attribute des Warp-Tags angeben:
html<form method="post" action="mailto:youremail@email.com">
<textarea rows="5" cols="20" wrap="physical" name="comments">Schreibe Sie ein Kommentar</textarea><br />
<input type="submit" value="Email Yourself" />
</form>Außerdem muss erwähnt werden, dass alles, was Sie schreiben, in der Textzone angezeigt wird.