Formular - Buttons anpassen.

Dieses Thema im Forum "Web Page Design" wurde erstellt von grimm-, 23.02.2007.

  1. grimm-

    grimm- Thread Starter MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    MacUser seit:
    12.09.2006
    Servus,
    wäre nett wenn mir jemand helfen könnte: Wie baue ich einen Formular-Button ( <input type="submit" ...> ) so um, dass ich anstelle des Buttons nurnoch einen Textlink habe? Kann ich das mit CSS umstellen? Wenn ja wie, denn ich verwende offenbar die falschen Suchwörter.
    Danke schonmal Sebastian
     
  2. Der_Jan

    Der_Jan MacUser Mitglied

    Beiträge:
    606
    Zustimmungen:
    7
    MacUser seit:
    06.01.2004
    Hi,
    ich glaube, es geht nur mit JavaScript.

    HTML:
    <a href=\"javascript:document.delete.submit()\">Text</a>
    Gruß,
    Der_Jan
     
  3. grimm-

    grimm- Thread Starter MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    MacUser seit:
    12.09.2006
    Naja, is ja egal womit, das Ergebniss zählt, danke jedenfalls. :)
     
  4. grimm-

    grimm- Thread Starter MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    MacUser seit:
    12.09.2006
    hmm, aber ganz klar ist mir das leider noch nicht, wäre nett wenn du das im Kontext eines einfachen Formulars zeigst, wo es den submit button ersetzt, ich bin leider nicht wirklich JavaScript fest.
     
  5. SilentBob

    SilentBob MacUser Mitglied

    Beiträge:
    361
    Zustimmungen:
    0
    MacUser seit:
    01.02.2005
    *hmm* Wäre mir neu, wenn man das machen könnte. Ein input ist ein input! Dafür ist HTML nun einmal eine Auszeichnungssprache. Du willst einen Button, also bekommst Du auch einen. Aber so könnte man den Button wie ein Link erscheinen lassen - wenn es auch immer noch ein Button ist:

    HTML:
    <html>
     <head>
     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  
     <title>Tescht</title>
     <style type="text/css">
       input{
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #00f;
        color: #00f;
        padding: 0;
       }
       input:hover{
        border-bottom: 1px solid #ADF;
        color: #ADF;
       }
     </style>
     </head>
     <body>
      <input type="button" value="Absenden" />
     </body>
    </html>
    Wobei ich nicht weiß, ob das auch im #%@?&$-IE geht... Wahrscheinlich nicht. *seufz*
     
  6. Anaki

    Anaki MacUser Mitglied

    Beiträge:
    2.087
    Zustimmungen:
    11
    MacUser seit:
    24.04.2006
    Mit JavaScripts geht das 100% (irgendwie), doof isses dann nur wenn du User ohne hast - 10% aller Surfer sollen es ja tatsächlich ausgeschaltet haben, wenn nicht sogar mehr! :(
     
  7. grimm-

    grimm- Thread Starter MacUser Mitglied

    Beiträge:
    122
    Zustimmungen:
    0
    MacUser seit:
    12.09.2006
    Danke mal an SilentBob ich machs erstmal mit CSS. Falls noch jemand eine andere Lösung findet, immer her damit :)
     
Die Seite wird geladen...
Ähnliche Themen - Formular Buttons anpassen
  1. szagunn
    Antworten:
    2
    Aufrufe:
    750
    szagunn
    13.10.2011
  2. Der_Jan
    Antworten:
    1
    Aufrufe:
    385
    wegus
    02.02.2010
  3. dave1304
    Antworten:
    4
    Aufrufe:
    415
    chris25
    11.03.2009
  4. KayKasus
    Antworten:
    3
    Aufrufe:
    546
    Pingu
    15.07.2008
  5. Benjamin-Do
    Antworten:
    2
    Aufrufe:
    548
    pinne
    03.12.2007