"Absenden"-Button mit E-Mail-Adresse verknüpfen

[Gunnar Bittersmann]

@@Lisa Zöchner

<form action="https://Was soll ich hier eingeben um die Daten per Mail zu bekommen?.php">

Die Adresse deines Scripts.

 <fieldset>
<legend><i>Sende mir deine Daten und ich erstelle dir deinen persönlichen Body-Plan, bestehend aus:</i></legend><br>

fieldset ist hier wohl überflüssig, wenn sowieso alles darin gruppiert ist.

Der Text ist keine Überschrift, also nicht legend, sondern p.

Entsorge bitte alle i-, b- und br-Elemente. Schriftformatierung per CSS.

<ul>
 	<li><strong>Trainingsplan</strong></li>
 	<li><strong>Ernährungstipps</strong></li>
</ul>

Ich sehe auch keinen Grund, das in der Bedeutung hervorzuheben. strong auch weg. Schriftformatierung per CSS.

<label><b>Name:</b> <input name="name" type="text" /></label>

type="text" ist Default, muss also nicht angegeben werden. Zu b s.o.

<label><input checked="checked" name="gender" type="radio" value="male" /> männlich</label>
<label><input name="gender" type="radio" value="female" /> weiblich</label>

Der Fehler hier ist nicht-technischer Natur.

Eine Gruppe von Radiobuttons sollte in einem fieldset-Element eingeschlossen sein.

<div><id="senden"></div>

?? Ein Überbleibsel, was du vergessen hast zu löschen?

So in etwa sollte das Markup aussehen:

<form action="…">
	<p>Sende mir deine Daten und ich erstelle dir deinen persönlichen Body-Plan, bestehend aus:</p>
	<ul>
		<li>Trainingsplan</li>
		<li>Ernährungstipps</li>
	</ul>
	<p>… abgestimmt auf deine Person, Vorlieben, Möglichkeiten und Ziele!</p>

	<p><label>Name: <input name="name"/></label></p>

	<p><label>Alter: <input name="age"/></label></p>

	<fieldset>
		<legend>Geschlecht</legend>
		<label><input name="gender" type="radio" value="male"/> männlich</label>
		<label><input name="gender" type="radio" value="female"/> weiblich</label>
		<label><input name="gender" type="radio" value=""/> keine Angabe</label>
	</fieldset>

	<p><label>Ziele: <input name="goal"/></label></p>

	<p><label>So möchte ich trainieren: <input name="training"/></label></p>

	<p><label>So möchte ich mich ernähren: <input name="nutrition"/></label></p>

	<p><label>Mail-Adresse: <input name="mail"/></label></p>
	
	<p><button>Absenden</button></p>
</form>

Im Stylesheet kannst du dann z.B. angeben:

label { font-weight: bold }
p { font-style: italic }

LLAP 🖖