"Absenden"-Button mit E-Mail-Adresse verknüpfen
bearbeitet von Gunnar Bittersmann@@Lisa Zöchner
> ~~~html
> <form action="https://Was soll ich hier eingeben um die Daten per Mail zu bekommen?.php">
> ~~~
Die Adresse deines Scripts.
> ~~~html
> <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.
> ~~~html
> <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.
> ~~~html
> <label><b>Name:</b> <input name="name" type="text" /></label>
> ~~~
`type="text"` ist Default, muss also nicht angegeben werden. Zu `b` s.o.
> ~~~html
> <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](https://forum.selfhtml.org/self/2016/dec/2/scala-soll-meine-mysql-tabelle-connecten/1681577#m1681577) hier ist nicht-technischer Natur.
Eine Gruppe von Radiobuttons sollte in einem `fieldset`-Element eingeschlossen sein.
> ~~~html
> <div><id="senden"></div>
> ~~~
?? Ein Überbleibsel, was du vergessen hast zu löschen?
So in etwa sollte das Markup aussehen:
~~~html
<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" type="text" /></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" type="text" /></label></p>
<p><button>Absenden</button></p>
</form>
~~~
{: style="-moz-tab-size: 2; tab-size: 2"}
Im Stylesheet kannst du dann z.B. angeben:
~~~css
label { font-weight: bold }
p { font-style: italic }
~~~
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
"Absenden"-Button mit E-Mail-Adresse verknüpfen
bearbeitet von Gunnar Bittersmann@@Lisa Zöchner
> ~~~html
> <form action="https://Was soll ich hier eingeben um die Daten per Mail zu bekommen?.php">
> ~~~
Die Adresse deines Scripts.
> ~~~html
> <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.
> ~~~html
> <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.
> ~~~html
> <label><b>Name:</b> <input name="name" type="text" /></label>
> ~~~
`type="text"` ist Default, muss also nicht angegeben werden. Zu `b` s.o.
> ~~~html
> <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](https://forum.selfhtml.org/self/2016/dec/2/scala-soll-meine-mysql-tabelle-connecten/1681577#m1681577) hier ist nicht-technischer Natur.
Eine Gruppe von Radiobuttons sollte in einem `fieldset`-Element eingeschlossen sein.
> ~~~html
> <div><id="senden"></div>
> ~~~
?? Ein Überbleibsel, was du vergessenhast zu löschen?
So in etwa sollte das Markup aussehen:
~~~html
<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" type="text" /></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" type="text" /></label></p>
<p><button>Absenden</button></p>
</form>
~~~
{: style="-moz-tab-size: 2; tab-size: 2"}
Im Stylesheet kannst du dann z.B. angeben:
~~~css
label { font-weight: bold }
p { font-style: italic }
~~~
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)