4. Submit Button

Submit Button

  • H

    Hallo,

    gibt es eine Möglichkeit einen Submit-Button wie einen Link aussehen zu lassen bzw. einen Link für Submit zu verwenden.

    color:#000000;
background-color:#FFFFD0;
text-decoration:underline; // funktioniert nur im IE
border-width:0px;
text-align:left; // funktioniert nur im IE

    Leider ignoriert Firefox leider text-decoration und text-align.
    Hat irgendjemand von euch eine Idee?

    0
  • R

    Das ist ohne JavaScript nicht möglich:

    <a title="Submit Form ..." href="#" onclick="java\1: document.FormName.submit();">Submit-Text</a>

    Auf diese Möglichkeit würde ich mich aber nie verlassen!

    0
  • H

    Hi Reyx,

    schade. JavaScript kommt für mein aktuelles Projekt nicht in Frage. Trotzdem danke. Werde dann wohl doch die Standard-Buttons verwenden müssen.

    0
  • N

    Hab mir gerade eine Möglichkeit einfallen lassen 🕶

    <form ...>
 <input id="submit" style="position: absolute; top: -999px; left: -999px;" type="submit"/>
 <label class="link" for="submit">Linktext</label>
</form>

    Das Label kannst du nun entsprechend deinen Wünschen formatieren.

    0
  • R

    Und du glaubst, das würde zuverlässiger funktionieren als JavaScript?

    0
  • N

    Reyx schrieb:

    Und du glaubst, das würde zuverlässiger funktionieren als JavaScript?

    Ja.

    0
  • ?

    Das funktioniert natürlich nicht!

    0
  • F

    Ist zwar sicher auch nicht ganz optimal, aber als Alternative kann man auch noch einen grafischen Submit-Button über <input type="image" ... > machen...

    0
  • N

    Schwachmat schrieb:

    Das funktioniert natürlich nicht!

    Natürlich tut es das! Ich habe es extra getestet 😉

    0
  • R

    Dann offensichtlich nicht sehr gewissenhaft ...

    0
  • N

    Reyx schrieb:

    Dann offensichtlich nicht sehr gewissenhaft ...

    Wo ist dein Problem?
    Funktioniert mit XHTML 1.1 sowohl im IE7 als auch im FF wie es soll.

    0
  • L

    Neku schrieb:

    Funktioniert mit XHTML 1.1 sowohl im IE7 als auch im FF wie es soll.

    Das sind ja beste Voraussetzungen um ein möglichst breites Feld an Nutzern zu erreichen 😃
    *SCNR*

    0
  • H

    flenders schrieb:

    Ist zwar sicher auch nicht ganz optimal, aber als Alternative kann man auch noch einen grafischen Submit-Button über <input type="image" ... > machen...

    Stimmt, nur bin ich dabei nicht so flexibel was die Beschriftung angeht. Gut man könnte jedesmal mit z.B. GD eine Grafik mit der jeweiligen Beschriftung erstellen und anschließend verwenden...ist meiner Meinung nach aber zu viel Aufwand 😉

    Ich habe jetzt ganz normale Buttons genommen. Sieht zwar nicht ganz so hübsch aus funktioniert aber überall gleich. Vielen Dank.

    0
  • B

    tagchen...
    du kannst einen button wie einen link aussehen lassen, dies funktioniert mit css.

    <input type="submit" name="senden" value="blabla" style="background:transparent; border:0pt">

    fertig aus die maus. das funktioniert überall.

    du kannst das css natürlich auch auslagern bzw in den Head schreiben

    <style type="text/css">
.buttons{
    background:transparent;
    border: 0pt;
}
</style>

    der button müsste dann wie folgt aussehen:

    <input type="submit" name="senden" value="blabla" class="buttons">
    0
  • H

    @Bart Simpson, wie schon in meinem ersten Posting erwähnt 🙄, funktioniert da text-decoration:underline sowie text-align unter Firefox nicht.

    0
  • L

    Dann nimm doch statt des veralteten input-Elements ein button-Element 😉

    <button type="submit" name="senden" value="cmd1" 
        style="width: 300px; text-decoration: underline; text-align: center; background: transparent; border: 0;">
    Hallo, Welt! <i>Sogar mit Extrawurst</i>
</button>

    Geht hier prima 😉

    0
Anmelden zum Antworten