|
|||
Kontaktformular fertig, aber wie abschicken?
ich habe mir ein kleines eigenes Kontaktformular mit CSS gebaut, nun muss ich das ganze noch verlinken, damit eine Mail in meinem Briefkasten landet.
Der explizierte Code für das Kontaktformular: HTML-Code:
<p><h2>Kontaktformular:</h2></p> <form> <p class="schrift">Vorname: <INPUT NAME="Name"> Nachname: <INPUT NAME="Name"></p><p class="schrift">eMail: <INPUT NAME="Name"> Telefon: <INPUT NAME="Name"></p> <p class="apple"> <option disabled selected>Bitte auswählen:</option> <SELECT NAME="Modell"> <optgroup label="iPhone"><OPTION>iPhone 4 - Weiβ</OPTION><OPTION>iPhone 4 - Schwarz</OPTION><OPTION>iPhone 4s - Weiβ</OPTION><OPTION>iPhone 4s - Schwarz</OPTION><OPTION>iPhone 5 - Weiβ</OPTION><OPTION>iPhone 5 - Schwarz</OPTION><OPTION>iPhone 5s - Weiβ</OPTION><OPTION>iPhone 5s - Schwarz</OPTION></optgroup><optgroup label="iPad"></optgroup><OPTION>iPad 2</OPTION><OPTION>iPad 3</OPTION><OPTION>iPad 4</OPTION><OPTION>Sonstige</OPTION></SELECT> <SELECT NAME="defekt"> <OPTION>Schaden:</OPTION><OPTION> - Displaybruch</OPTION><OPTION> - Homebutton</OPTION><OPTION> - Power/Lockbutton</OPTION><OPTION> - Mikrofon</OPTION><OPTION> - Hömuschel</OPTION><OPTION> - Backcover</OPTION><OPTION> - Akku</OPTION><OPTION> - Mute/Lautstärke</OPTION><OPTION> - Sonstige</OPTION> </SELECT> <SELECT NAME="abwicklung"> <OPTION>Versand DE</OPTION><OPTION>Abgabe in Werkstatt</OPTION><OPTION>Versand EU</OPTION><OPTION>Versand nicht-EU</OPTION><OPTION></SELECT> </p> <p><TEXTAREA class="feldname">Bemerkung:</TEXTAREA></p> <p><span class="senden"><a href="sendto:info@xphone-munic.de">Absenden!</a></span> Code:
#textbereich_innen .schrift { font-size: 15px; background-image: -moz-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -webkit-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -ms-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -o-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); border-radius: 20px; border: 1px solid black; padding: 20px 8px 20px 8px; width: 400px height: 190px; display: block; } #textbereich_innen .apple { font-size: 15px; background-image: -moz-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -webkit-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -ms-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -o-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); border-radius: 20px; border: 1px solid black; padding: 20px 8px 20px 8px; width: 400px height: 190px; display: block; } #textbereich_innen .feldname { width: 400px; height: 200px; border-radius: 20px; padding: 10px; } #textbereich_innen .senden { text-align: center; font-size: 15px; background-image: -moz-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -webkit-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -ms-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); background-image: -o-linear-gradient(top left, #c0c0c0 25%, #dcdcdc 75%); border-radius: 20px; border: 1px solid black; padding: 20px 8px 20px 8px; width: 400px; height: 20px; margin-left: 14%; display: block; } #textbereich_innen .senden a { font-size: 20px; color: black;
__________________
Es gibt keine dumme Fragen, es gibt nur Dumme die nicht fragen |
Sponsored Links |
|
|||
Dafür brauchst du PHP.
Hier ein kleiner Denkanstoß, zu diesem Thema findet man aber auch 1000e andere Beispiele, welche man seinen Bedürfnissen anpassen kann. Btw. warum verwendest du keine <label> in deinem Formular? Und wieso verwendest du zwar die linear-gradient Eigenschaften mit den Browserpräfixen, lässt aber die Standardversion, welche schon von den meisten Browsern unterstützt wird, unter den Tisch fallen? |
Sponsored Links |
|
|||
Was meinst du mit Standartversionen?
Ich hab gelesen, dass jeder Browser seine eigene codierung braucht, um damit was anfangen zu können.
__________________
Es gibt keine dumme Fragen, es gibt nur Dumme die nicht fragen |
|
|||
Es gibt eine Standardversion für jede CSS Eigenschaft, ich nehme hier linear-gradient als Beispiel:
linear-gradient war vor (ich sag jetzt einfach mal) 3 Jahren noch kein offizieller Standard vom W3C Konsortium, jedoch haben die Browserhersteller diese Eigenschaften schon eingebaut. Um keine Probleme mit dem Standard zu bekommen haben sie die Eigenschaften mit einem Browser-Präfix versehen. So entstand -moz-linear-gradient und -o-linear-gradient, etc. wobei unterschiedliche Versionen auchunterschiedliche Syntax hatten. Nachdem das W3C die endgültige Syntax und Funktionsweise abgesegnet hatte, haben auch die Browserhersteller die "richtige" Syntax unterstützt. Irgendwann werden sie die Präfix-Varianten wohl nicht mehr unterstützen, also immer die Präfixfreie Version einbauen, und zwar als letzte Anweisung, damit sie die vorherigen, bei Bedarf überschreiben kann. |
|
|||
Zitat:
siehe --> Can I use CSS Gradients
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Nein, nicht zwingend. Es ist nicht verkehrt, alte Browser zu unterstützen. Du hast nur vergessen, auch den "richtigen" Code zu schreiben.
Btw. für gradients gibt es auch den gradient-generator, da wird dir der CSS Code automatisch generiert (auch für ältere IE-Versionen) und du schreibst nicht zu viel. |
|
|||
Also ich muss sagen, dass mein Code kürzer ist als der vom Generator.
Wo soll der spar effekt sein? Ich hab mir dein Tip mit php angeschaut, aber ich versteh nicht wie das einbinden soll. Ich hab eine HTML seite die mit css gestaltet wurde. Wie soll da ein php element einfügen? Da wird immer davon gesprochen eine php seite zu erstellen. Sorry für die blöde Frage, aber ich blick da nicht durch. Ich hab mir ein paar tuts angeschaut, aber versteh nur bahnhof. echo,if und else anweisung hab ich verstanden, aber der rest nicht. Jetzt hab ich nach einem fertigen gesucht und versucht es für mich anzupassen, aber wenn ich in dem Code was ändere zb. eine Auswahl wo anders einfügen, dann bleibt der Bildschirm weiß.
__________________
Es gibt keine dumme Fragen, es gibt nur Dumme die nicht fragen |
|
|||
Zitat:
Der Text, den der Generator ausspuckt, ist ein vollständiger, auf möglichst viele Browser angepasster Code. Zitat:
HTML alleine kann keine Mails verschicken. Du kannst lediglich einen Code:
<a href="mailto:meineMail@adress.com">Mail</a> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS falsche Hover Fläche für Kontaktformular | Trigant | CSS | 6 | 14.10.2013 18:06 |
Kontaktformular Eingabefelder linksbündig | ewaldo | CSS | 4 | 22.05.2012 22:37 |
Kontaktformular Fehler ... | root-2k | (X)HTML | 3 | 22.11.2010 20:05 |
PHP Kontaktformular und verschiedene Browser | HTMLLernender | (X)HTML | 1 | 22.01.2010 11:08 |
Kontaktformular Hilfe nötig :) | sunny55 | CSS | 2 | 05.08.2008 19:29 |