HTML - Formulare, Grundlagen
Formulare werden in HTML für User-Interaktionen (zB Eingeben von Daten, An- und Abmeldungen, Verkauf). Meistens werden sie in Verbindung mit dynamischen Webseiten und Datenbanken (CMS, PHP), aber auch zur Erstellung von Anfragen über E-Mail-Kontakte eingesetzt.
Der Container, der alle Formular-Objekte enthält, ist der Formular-Tag
[1] < form ...>... < /form>.
Folgende Objekte für Formulare werden standardmäßig eingesetzt:
[2] Textfeld, einzeilig: < input type="text" ... />
[3] Textbereich, mehrzeilig; < textarea ...>Text Text ... < /textarea>
[4] Checkbox: < input type="checkbox" ... /> (Auswählen von einer oder mehreren Optionen)
[5] Optionsschalter: < input type="radio" ... /> (Nur 1 Option kann ausgewählt werden)
[6] Liste / Menü: < select ...> < option>Eintrag 1< /option> .... < /select> (Auswahl aus Liste oder Menü)
[7] Dateifeld: < input type="file" .... /> (Feld für Datei-Upload)
[8] Bildfeld: < input type="image" src="images/bildfeld.jpg" .... /> (Verknüpfung mit einer Grafik zB als Alternative zur Schatlfläche)
[9] Verstecktes Feld: < input type="hidden" ... /> (für den User unsichtbares Feld zur Ãœbertragung von Werten)
[10] Schaltfläche: < input type="submit" ... /> (Absenden des Formulars)
siehe auch ->Dreamweaver, Formulare, Grundlagen, Formularobjekte

Beispiel:

Textfeld, einzeilig:
Textbereich, mehrzeilig: Text Text ...
Checkbox:
Optionsschalter:
Liste / Menü: Eintrag 1 Eintrag 2
Dateifeld:
Bildfeld:
Verstecktes Feld:
Schaltfläche:

HTML-Formulare: Hochladen einer Datei
Zum Hochladen [file upload] einer Datei wird in HTML ein Formular erstellt, das folgende Elemente und Eigenschaften (Attribute) hat:
[1] Tag <form ...> ... </form> für das Formular:
[1A] action="...": Hier steht der Name der Datei oder die Aktion, die das Hochladen [upload] der Datei durchführt:
PHP-Datei (zB action="upload.php"), eine ASP-Datei (zB action="upload.asp"), ein CGI-Script oder eine andere Datei, welche das Hochladen durchführen kann und auf welche hier verwiesen wird, oder
PHP-Anweisung in der aktuellen PHP-Datei: action="<?php echo $_SERVER['PHP_SELF']; ?>" ( Pfad und Name der aktuellen Datei)
[1B] method="post": Daten werden übertragen ohne die Adresszeile zu verwenden
[1C] enctype="multipart/form-data": Festlegung der Verarbeitungsmethode, hier für für das Hochladen von Dateien notwendig
[2] Tag <input ... /> als Dateifeld:
[2A] type="file" Browser bietet hier ein Feld zum Auswählen einer Datei an
[2B] name="feldname" (zB name="fileupload" bzw id="fileupload") zur Identifikation und Weiterverarbeitung der ausgewählten Datei
[3] Tag <input .... /> als Schaltfläche:
[3A] type="submit": zum Absenden und Hochladen der ausgewählten Datei
Siehe auch -> HTML - Formulare, Grundlagen!

Beispiel:
[4] <form action="fileupload1.php" method="post" enctype="multipart/form-data" name="fm_fileupload" id="fm_fileupload">
<input name="fileup1" id="fileup1" type="file">
<input name="upok" type="submit" value="Datei Hochladen">
</form>
In diesem einfachen Formular wird mit action="fileupload1.php" in der hier nicht dargestellten Datei "fileupload1.php" das Hochladen (upload) der im Dateifeld (type="file") ausgewählten Datei durchgeführt. Mit der Schaltfläche (type="submit") wird die Datei an "fileupload1.php" übergeben:
Im Browser kann über [5] "Datei auswählen" aus einem der Verzeichnisse im Computer eine Datei ausgewählt werden. Der [6] Dateiname der ausgewählten Datei (zB "RiMas_0961200.jpg") wird angezeigt und durch das Klicken auf die Schaltfläche [7] "Datei hochladen" hochgeladen.