HTML-Formulare

pepino5544 · 2. Juni 2009

Wie kann ich so was erstellen? Ich hatte nirgendwo ein vernünftiges Tutorial gefunden. Ich bräuchte bitte außerdem ein Beispiel.

Trainercard · 2. Juni 2009

Welche aktion soll es denn machn?

soll es irgendwas mit URL-Anhängseln(GET-Werte) machn (example.de/index.php?var=value)

oder soll es versteckte POST-Werte versenden?

Oder vlt eine EMail schreiben?

pepino5544 · 2. Juni 2009

Zitat von AnJ

Welche aktion soll es denn machn?

soll es irgendwas mit URL-Anhängseln(GET-Werte) machn (example.de/index.php?var=value)

oder soll es versteckte POST-Werte versenden?

Oder vlt eine EMail schreiben?

Alles anzeigen

Sorry, ich meine natürlich E-Mails verschicken.

Trainercard · 2. Juni 2009

prinzipiell sieht n einlformular so aus:

Code

<form action="index.php" method="POST"> //könnt auch GET ooda so sein
Dein Name: <input type="text" name="USERNAME" />
Dein Passwort: <input type="password" name="PASSWORD" />
<input type="submit" value="Absenden" />

☺ρнρ_ƒяєαк☺ · 2. Juni 2009

Zitat von AnJ

prinzipiell sieht n einlformular so aus:

Code

<form action="index.php" method="POST"> //könnt auch GET ooda so sein
Dein Name: <input type="text" name="USERNAME" />
Dein Passwort: <input type="password" name="PASSWORD" />
<input type="submit" value="Absenden" />

das ist was mit einem Passwort außerdem reicht aleine das Formular nicht.
@Thema: Also du meinst verscheinlich das TuT von Vesprit das ist sehr gut. [PHP] Kontaktformular

pepino5544 · 2. Juni 2009

Zitat von AnJ

prinzipiell sieht n einlformular so aus:

Code

<form action="index.php" method="POST"> //könnt auch GET ooda so sein
Dein Name: <input type="text" name="USERNAME" />
Dein Passwort: <input type="password" name="PASSWORD" />
<input type="submit" value="Absenden" />

Hä? Nein, ich meine, dass man z.B. sachen ankreuzen kann oder einen Text schreiben.

Sheep · 2. Juni 2009

http://de.selfhtml.org/html/formulare/auswahl.htm
Da solltst du alles finden. Folgendes wird behandelt:
Auswahllisten definieren
Auswahllisten mit Mehrfachauswahl
Einträge vorselektieren
Absendewert von Einträgen bestimmen
Verschachtelte Auswahllisten (Menüstruktur) definieren
Radio-Buttons definieren
Checkboxen definieren
Weitere Informationen

Mit Kästchen meinst du wohl Radioboxen. Diese runden Kästchen heißen übrigens Checkboxen. Beim obrigen Link findest du alles darüber. Codes findest du dort außerdem.

pepino5544 · 2. Juni 2009

So, wenn der Browser die E-Mail an "hilfe.pokerochen@gmx.at" schicken soll, wird man diese Adresse whl auch irgendwo angeben müssen.
Edit: Okay. Ich erzähle mal genaueres. So sollte das aussehen: ein art Pokémon-Kampfpartner-Suche-Formular:

Dort soll man 1. einmal ein auswahlmenü ausfüllen mit den möglichkeiten:

Benutzername

(ein kleines Feld zum Ausfüllen)

Levelbereich

Lv. 1-20
Lv. 21-40
Lv. 41-60
Lv. 61-80
Lv. 80-100

Sonstige Mitteilungen:

(Ein großes Feld zum Ausfüllen)

und dann noch Buttons mit "Absenden" und "Zurücksetzten".

Plinfo · 2. Juni 2009

Mach doch einfach folgendes:

Code

<a href="mailto://Hier die E-Mail Adresse//">Kontakt</a>

Geht einfacher. Aber soweit ich weiß, kann man Forumlare garnicht mit HTML machen. Ich schau gleich mal im Netz.

Mary Jane Holland · 2. Juni 2009

Zitat von Vesprit-Fan Rene

So, wenn der Browser die E-Mail an "hilfe.pokerochen@gmx.at" schicken soll, wird man diese Adresse whl auch irgendwo angeben müssen.

Schick mir ne PN mit den Sachen was das können soll, dann mach ich dir das.

Und Paul13, man kann Formulare mit HTML machen...

Sheep · 2. Juni 2009

HTML

<html>
<head>
<title>Titeltext</title>
</head>
<body>
<form action="mailto:deine@adresse.de" method="post" name="Formular" enctype="text/plain">
Abesender:* <input type="text" name="absender" size=15><br>
Nachricht:* <textarea name="nachricht" rows="3" cols="25"></textarea><br>
<p><input type="submit" value="Abschicken">
</body>
</html>

Alles anzeigen

In <form action="mailto:deine@adresse.de" method="post" name="Formular" enctype="text/plain"> wird bestimmt, wohin die Mail gehen soll.

pepino5544 · 2. Juni 2009

Zitat von Vesprit-Fan Rene

So, wenn der Browser die E-Mail an "hilfe.pokerochen@gmx.at" schicken soll, wird man diese Adresse whl auch irgendwo angeben müssen.
Edit: Okay. Ich erzähle mal genaueres. So sollte das aussehen: ein art Pokémon-Kampfpartner-Suche-Formular:

Dort soll man 1. einmal ein auswahlmenü ausfüllen mit den möglichkeiten:

Benutzername

(ein kleines Feld zum Ausfüllen)

Levelbereich

Lv. 1-20

Lv. 21-40

Lv. 41-60

Lv. 61-80

Lv. 80-100

Sonstige Mitteilungen:

(Ein großes Feld zum Ausfüllen)

und dann noch Buttons mit "Absenden" und "Zurücksetzten".

Alles anzeigen

Siehe hier
Kann mir bitte jemand den Quellcode dafür aufschreiben?

☺ρнρ_ƒяєαк☺ · 2. Juni 2009

jetzt hab ich es kapiert. Schicke mir eine PN ich kann es dir machen.

Plinfo · 2. Juni 2009

@phenoxmon: Ach, natuerlich, fiel mir grade nicht ein. *schäm*
@Vesprit-Fan Rene:
Ich glaub, sowas meinst du.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Karim">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
<fieldset><legend>Kontakt</legend>
<label>Benutzername </label><input type="text">
<br>
<br>
<label>Levelbereich</label>
<ul style="list-style: none;">
<li><input type="radio">Lv. 1-20 </li>
<li><input type="radio">Lv. 21-40 </li>
<li><input type="radio">Lv. 41-60 </li>
<li><input type="radio">Lv. 61-80 </li>
<li><input type="radio">Lv. 80-100 </li>
</ul>
<label>Sonstige Mitteilung</label>
<br>
<br>
<textarea cols="50" rows="10"></textarea>
<br>
<br>
<input type="button" value="Absenden">
<input type="submit" value="Zurücksetzen">
</fieldset>
</body>
</html>

Alles anzeigen

Bedenke, wenn du was schreibst, kommt nichts heraus, ist nur das Geruest. Wenn es richtig ist, kann man ja das restliche einbauen. Schau mal, ob es richtig ist.

pepino5544 · 2. Juni 2009

Ja, richtig, thx. Aber soll ich dieses
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

auch einsetzen oder was anderes?

Edit: Nein, unter Levelbereich kann man alle wählen ond die gehen dann nicht mehr weg und bei den Buttons zeig tsich keine Reaktion des Browsers. Das ist fehlerhaft.

Mary Jane Holland · 2. Juni 2009

Paul deine Radioboxen sind falsch. Da fehlt das name und value attribut.

pepino5544 · 2. Juni 2009

Kann das jemand richtig stellen?

Mary Jane Holland · 2. Juni 2009

Schon geschehen:
Als .php speichern:

PHP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Karim">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
<form action="<?php $_SERVER["PHP_SELF"] ?>">
<fieldset><legend>Kontakt</legend>
<label>Benutzername </label><input type="text" name="name">
<br>
<br>
<label>Levelbereich</label>
<ul style="list-style: none;">
<li><input type="radio" name="level" value="1-20">Lv. 1-20 </li>
<li><input type="radio" name="level" value="1-20">Lv. 21-40 </li>
<li><input type="radio" name="level" value="1-20">Lv. 41-60 </li>
<li><input type="radio" name="level" value="1-20">Lv. 61-80 </li>
<li><input type="radio" name="level" value="1-20">Lv. 80-100 </li>
</ul>
<label>Sonstige Mitteilung</label>
<br>
<br>
<textarea cols="50" rows="10" name="sonstiges"></textarea>
<br>
<br>
<input type="submit" value="Absenden" name="sub">
<input type="reset" value="Zurücksetzen">
</fieldset>
</form>
</body>
</html>
<?php


if(isset($_POST[sub]))
{


	if(!empty($_POST[name]) && !empty( $_POST[level]))
	{
			$name = $_POST[name];
	$level = $_POST[level];
	$sonstiges = $_POST[sonstiges];
		$sender = $name;
					  $sendermail = "deine_mail@bla.de"; // Bitte ändern
					  $empfaenger = "dein name";// Bitte ändern
					  $betreff = "Dein Betreff";// Bitte ändern
					  $text = 
						"Name: $name
						Levelbereich: Lv. $level
						Sonstige Nachricht:
						$sonstiges;
						"


					  ;
					  $extra = "From: $sender <$sendermail>\n";
					$extra .= "Content-Type: text/html\n
         			Content-Transfer-Encoding: 8bit\n";
  					if(mail($empfaenger, $betreff, $text, $extra))
  					{
  						echo "E-Mail erfolgreich gesendet!";
  					}
	}
}
?>

Alles anzeigen

Beim Klick auf den Absende Button, wird nun eine Mail mit den eingebeben Daten an deine Mailadresse versendet.
Das einzige was du noch ändern musst, ist die Mail und der Betreff.
ist ungetestet, müsste aber funktionieren

Plinfo · 2. Juni 2009

@phenoxmon: Er sollte ja erstmal schauen, ob es so richtig ist, dann wollte ich es nachtraeglich einfuegen. Die wollte ich, wenn es so richtig ist, mit JavaScript richtig angeben. Also, mit name und so.

@Vesprit-Fan Rene: Kannst du auch weglassen, da kann man angeben, welche Version man hat .etc, aber ich selbst weiß es auch nicht genau. Ich hab aber extra dafuer geuebt, es zu merken, aber du kannst dann auch angeben, welche Version du an html benutzt. Dann kannst du auch eine aeltere Version verwenden, glaube ich. Aber kannst auch weglassen. Was meinst du mit "geht nicht mehr weg"? Und bei den Buttons hab ich auch noch keine Angabe gemacht, wollte dir nur das Geruest zeigen.

Edit: An phenoxmon: Eine Frage haett ich. Also, das mit Name kenn ich, aber was gibt denn das value bei den Radios an? Den Text kann man doch daneben schreiben?
Vielen Dank

Mary Jane Holland · 2. Juni 2009

Values gibt an, welcher Wert sich auf dem Kreis befinden soll.
Wenn du den Text daneben hinschreibst, steht der Text nicht auf dem Element drauf.

Und um solche Optionen sinnvoll zu machen, müssen die auswahlmöglichkeiten den gleichen Namen haben, und verschiedene Werte(values).