Welche alternative habe ich zu hässlich submit-buttons in html-Formularen?

Ich möchte eine einfache html-Formular, wo eine person kann upvote oder downvote ein Element. Aber ich weiß nicht wie die Standard-Aussehen eines <input type="submit"> . Welche anderen Möglichkeiten habe ich, das senden einer POST-Anforderung als ein sperriges, default-button?

InformationsquelleAutor Eugene M | 2008-12-14
  1. 16

    Können Sie auch als hübsche buttons mit css, hier ist ein schöner Artikel:

    http://particletree.com/features/rediscovering-the-button-element/

    InformationsquelleAutor I.devries
  2. 9

    Man könnte eine image-Taste.

    • Dies ist die beste option, aber es hat einige Inkompatibilitäten von IE6. In der Erwägung, dass die meisten Browser ermöglichen es Ihnen, einen Namen/Wert Sie auf ein Bild, Eingang, können Sie überprüfen, ob auf der server-Seite, IE6 (und vielleicht 7) ignorieren Sie die value-Attribut und sendet die Koordinaten, wo auf dem Bild die Schaltfläche geklickt wurde
    InformationsquelleAutor Firas Assaad
  3. 6

    Können Sie auch rufen Sie die "senden" direkt von javascript aus. Sehen hier.

    document.myform.submit();

    Dadurch können Sie im Grunde nichts als ein Steuerelement, wird das Formular Absenden.

    • Das wird funktionieren, aber nicht mit jedem browser mit JavaScript ausgeschaltet oder nicht verfügbar ist.
    • Nun, ich könnte dies tun, und haben Bild-Tasten in noscript-tags für Benutzer ohne javascript, richtig?
    • Und man kann die hässlichen submit-button für Leute, die Bilder ausgeschaltet, auch. Alle drei!
    • Wie zum Teufel würde ich erkennen, wenn Sie Bilder ausgeschaltet?
    • Mit JavaScript 😛
    • Nebeneffekt ist, dass man nicht ein Formular Absenden mit der enter-Taste (ohne JS). Auch, wenn Sie diese Methode verwenden, achten Sie darauf, nicht den Namen einer Eingabe auf "submit", denn es überschreibt die Funktion "Einreichen".

    InformationsquelleAutor Maxime Rouiller
  4. 4

    Check-out auf dieser Seite, um zu sehen, was getan werden kann, mit CSS gestaltete Buttons...theyll stellen Sie die website mehr am Leben spüren und interaktive Benutzer.

    Vergessen Sie nicht, das Letzte, was Sie möchten, dass Ihre Benutzer auf Ihre Webseite denke ...also mit klar definierten Tasten ist eine große Hilfe.

    InformationsquelleAutor Andreas Grech
  5. 1

    können Sie die JQuery-framework seine javascript-Bibliothek ,die Sie verwenden können Standard-Bild-oder span-oder div oder sonst was, auch Anker-tags zu tun submit-button, die einfach zu bedienen und kann post-Formular die Daten per post-Methode oder die get-Methode durch ajax besuchen Sie einfach die JQuery-website :JQuery

    • Eine javascript-Bibliothek für die button-styling ist ein bisschen übertrieben. Nicht jeder einfache Aufgabe sollte gelöst werden, indem eine Bibliothek wie JQuery.
    InformationsquelleAutor user38526
  6. 0

    Wie die oben erwähnten Techniken, die ich empfehlen würde, entweder Bild-Tasten oder die Erstellung von Boxen mit um einen schönen und einfachen css-button.

    Einfachheit kann sehr gut genutzt.

    CSS-power: http://www.zengarden.com

    InformationsquelleAutor Devoted
  7. 0

    Können Sie eine hochgradig konfigurierbare Komponente, wie Schaltfläche in YUI. Sie bekommen die chance, sich zu ändern, der sieht es und viel (vielleicht zu viel für Ihren Bedarf) zusätzliche Funktionalität wie einen bonus oben drauf.

    InformationsquelleAutor VoY
  8. 0

    Können Sie ganz einfach Stil diese buttons mit CSS. Leider IE nicht unterstützt :active-Selektor für Tasten, so dass Sie haben, JavaScript zu verwenden, wenn Sie haben einen eigenen Stil für die ein-Taste gedrückt.

    InformationsquelleAutor Vilx-
  9. 0

    Wenn Sie wollen upvote/downvote ein Element in ajax/web2-Stil (wie z.B. stackoverflow), nicht mit Formen überhaupt. Die javascript verwenden, und senden eines asynchronen POST-request, und füllen Sie es manuell aus. Sie können jQuery verwenden, um Ihnen helfen, automatisieren einige Sachen.

    Schnell googeln "ajax jquery" gibt ein paar Ergebnisse, hier ist einer von Ihnen

    • Sie können auch machen es zu einem Formular, so dass es funktioniert ohne javascript, und befestigen Sie dann javascript, um es für diejenigen, die es aktiviert. Dies hat natürlich nichts mit styling-Tasten, und JQuery ist NICHT die Antwort auf jedes noch so kleine problem.
    InformationsquelleAutor hasen
Schreibe einen Kommentar