[MODUL] Tipp: Kontaktformular beschriftet für v. 3.9.6

Anfänger

Mittwoch, 1. August 2012, 00:51

Tipp: Kontaktformular beschriftet für v. 3.9.6

ich habe mich schon ewig darüber aufgeregt, dass im kontaktformular sobald ein feld aktiviert ist, nicht mehr so ganz klar ist, wofür es ist, also habe ich mein kontaktformular beschriftet.
Die Schrift der Pflichtfelder habe ich dicker gemacht und den Spamschutzhinweis rot.
(wäre natürlich auch leicht mit grafiken oder icons machbar)
für diese version war die anpassung nun auch aufgrund des übersichtlicheren codes viel entspannter.
hier die beschriftete codeversion für version 3.9.6.

in der datei ../module/kontaktformularindex.inc.php etwa ab zeile 180 folgende änderungen vornehmen..
[...]

echo "Name";
getInputTextForm("data_1",FORM_NAME,"formular","");
echo "E-Mail";
getInputTextForm("data_2",FORM_EMAIL,"formular","");
echo "Homepage";
getInputTextForm("data_3",FORM_WEBSITE,"formular","");
echo "Telefonnummer";
getInputTextForm("data_4",FORM_TEL,"formular","");
echo "Betreff";
getInputTextForm("data_5",FORM_SUBJECT,"formular","");
echo "Nachricht";
getInputTextarea("data_6",FORM_MESSAGE,"textarea","");
echo "Spamschutz!!!";
getInputSpamschutz();

[...]
viel spaß damit, wer das gebrauchen kann
liebe grüße
jottjott

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jottjott« (1. August 2012, 00:59)

Zum Seitenanfang

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Mittwoch, 1. August 2012, 14:18

besser wäre es, wenn du die färbung der schrift oder die fett markierung in die modul.css integrierst

in etwa so, natürlich muss man ggf. schauen das es korrekt passt mit den vererbungen im gesamten css konstrukt:

modul.css vom kontaktformular:

	Quellcode
1 2 3 4 5 6 7 8	.fieldname_strong { font-weight: bold; } .fieldname_spam { color: #cc0000; font-weight: bold; }

index.inc.php vom kontaktformular:

PHP-Quelltext

echo "<div class="fieldname_strong">Name</div>";
getInputTextForm("data_1",FORM_NAME,"formular","");
echo "<div class="fieldname_strong">E-Mail</div>";
getInputTextForm("data_2",FORM_EMAIL,"formular","");
echo "Homepage";
getInputTextForm("data_3",FORM_WEBSITE,"formular","");
echo "Telefonnummer";
getInputTextForm("data_4",FORM_TEL,"formular","");
echo "<div class="fieldname_strong">Betreff</div>";
getInputTextForm("data_5",FORM_SUBJECT,"formular","");
echo "<div class="fieldname_strong">Nachricht</div>";
getInputTextarea("data_6",FORM_MESSAGE,"textarea","");
echo "<div class="fieldname_spam">Spamschutz!!!</div>";
getInputSpamschutz();

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »djknuffel« (1. August 2012, 14:25)

Zum Seitenanfang

Prime

Moderator

Beiträge: 389

Montag, 6. August 2012, 17:08

Ich persönlich würde im HTML keine <div> verwenden, um nur Text auszugeben. Dafür ist der Tag da. <div> wird verwendet, um ganze Bereiche zu definieren und ist semantisch hier meines Erachtens falsch.

Name

Wäre hier semantisch korrekter. Auch finde ich, dass man einen CSS-Selektor angeben sollte, für welchen Tag es definiert wurde, falls es nur für diesen spezifischen anzuwenden ist. Sprich:

p.fieldname_strong {}

Das sind Kleinigkeiten, die aber semantisch grosse Auswirkungen haben. Ich persönlich benutze <div> nur um die Struktur einer Seite zu definieren. Falls die Funktion getInputTextForm() ein Formularelement erstellt, wäre das Tag <label> noch zu bevorzugen - Das wäre semantisch am korrektesten.

Nunja, meine klugscheisserische Meinung - Das schlussendliche Resultat wäre das Gleiche.