Webmacher-FAQ

 


Der 'Submit'-Button aufgepeppt

Bewertung: 5 / 5

Stern aktivStern aktivStern aktivStern aktivStern aktiv
 

Skill 2 Skill 2 

 

 

Sie haben Ihre Website gestaltet. Nettes Design, passende Farben. Jetzt noch ein Kontaktformular eingebaut. Ein Button zum Senden eingesetzt und... hoppla, der Button ist grau. Mist. Passt ja gar nicht!

Keine Sorge. Es gibt einige Möglichkeiten, dem Einheitsgrau den Garaus zu machen: 

Optische Veränderungen:

Als erstes mal der Standard-Button:

<input type="submit" name="Submit" value="Submit">

Hintergrundfarbe ändern

<input type="submit" style="BACKGROUND-COLOR: yellow" name="Submit2" value="Submit">

Schriftfarbe ändern

<input type="submit" style="color: RED" name="Submit3" value="Submit">

Balken einbauen:

<input type="submit" style="border-bottom-color: black;
border-top-color: black; border-left-color: black; border-right-color: black " name="Submit4" value="Submit">

Natürlich können die Seitenbegrenzungen auch einzeln verwendet werden.

Eigene Grafik verwenden:
Abschicken
<input type="image" name="Submit5" xsrc="sendebutton.gif" alt="abschicken" align="bottom" border="0" width="100" height="25">

 

Allgemeines zum Schluß:

Alle Schaltflächen mit der gleichen Breite:

<INPUT TYPE="Submit" style="WIDTH:150" WIDTH="150" NAME="submit" VALUE="abschicken">

Width wird hier vom Netscape Navigator und style vom Internet Explorer korrekt interpretiert. Deshalb die doppelten Angaben.

Text der Schaltfläche verändern:

<input type="submit" name="Submit" value="Schreiben Sie hier was Sie wolen">

Mit value wird die Aufschrift des Buttons verändert. Natürlich sollte sie noch aussagen, was passiert, wenn der Benutzer den Button anklickt.

Reset-Button:

Denken Sie ruhig mal darüber nach, ob Sie den Reset-Button wirklich benötigen.
Wären Sie begeistert, wenn das gerade mühsam ausgefüllte Formular gelöscht wird, weil Sie aus Versehen den falschen Button drücken?

Drucken

Kommentar schreiben

Sicherheitscode
Aktualisieren

Das könnte sie auch interessieren:

Cookies helfen uns bei der Bereitstellung unserer Dienste. Durch die Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies setzen. Mehr Infos

Verstanden