Der ‚Submit‘-Button aufgepeppt

Webdesign

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?

Sascha

Hauptberuflich "Technologietreiber für Onlinezeugs" in einem Großkonzern. Interessiert an Technik im Allgemeinen, je abgedrehter, umso besser. Neben Familie, Hund und Beruf hat er trotzdem noch Spaß daran Sachen aufzuschreiben, die einem tagsüber so begegnen (manchmal auch nachts ;)).

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert