Hi,
heute zeig ich euch mal, wie ein ganz einfaches HTML-Formular mit einem Textfeld und einem Absenden Button aussieht.
Code:
<html>
<head>
<title>HTML-Formular</title>
</head>
<body>
<form action="phpdateiwodiedatenhinsollen.php" method="post">
<input type="text" name="nachricht" />
<br />
<input type="submit" name="Abschicken" value="Abschicken" />
</form>
</body>
</html>
Also mit <html> bzw </html> stellt man klar, dass es sich um html zwischen den beiden tags handelt. Dann kommt <head> bzw </head> wo man dinge angibt, die nicht direkt angezeigt werden, wie zum Beispiel der Titel, wobei dieser oben in der Leiste von Firefox zu sehen ist. im <body> bzw </body> tag kommen dann die Dinge, die angezeigt werden sollen. Erst gebe ich mit <form> an, wohin die Daten geschickt werden sollen und wie. Es gibt die Methode POST und die Methode GET. Bei POST werden die Daten für den user unsichtbar Verschickt, bei GET sieht sie der user in der Adresszeile. Grundsätzlich kann man sagen, dass POST zu empfehlen ist, da es sicherer ist und GET auf eine gewisse größe der Daten beschrenkt ist. Dann kommt <input type="text"> also fügt man ein Textfeld ein. Mit <br /> wird ein Zeilenumbruch erzwungen und mit <input type="submit"> erstelle ich einen Button, um die Daten abzuschicken, die im Textfeld stehen. Diese Daten können dann von einer PHP-Datei zum Beispiel in eine Datenbank eingetragen werden. Es gibt noch weitere type Möglichkeiten beim <input> tag. Hier noch weitere Beispiele:
password (Erstellt ein Textfeld mit Sternen bei der Eingabe, wie zum Beispiel für Passwörter)
file (Hier kann eine Datei geuploadet werden)
hidden (Ein verstecktes Textfeld, das zum "Weiterreichen" von Daten gut ist)
checkbox (So boxen, bei denen man ankreuzen kann)
radio (So Kreise, bei denen man immer nur eins auswählen kann, im Gegensatz zu den boxen bei checkbox)
reset (Setzt die Eingabe in den anderen Feldern zurück)
button (Erstellt einen ganz normalen Button)
image (Hat die selbe Funktion wie submit, zeigt aber das entsprechende Bild anstelle des Buttons an)
submit (Schickt das Formular ab)
text (Ganz normales Textfeld)
