Der 'Submit'-Button aufgepeppt

Bewertung:  / 5

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:

<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?

Weitersagen!