Ich frage mich, ob es eine Möglichkeit gibt, das HTML-Button-Tag <button> ein Bild zu geben, damit das Bild auf meiner Webseite klickbar ist. Wenn Benutzer auf das Bild klicken, kann es passieren, dass andere Dinge passieren.
Dies scheint nicht zu funktionieren, und fragte mich, ob es überhaupt möglich ist
HTML-Code -
%Vor%Ich hatte ähnliche Probleme und dachte, ich würde diesen Beitrag für jeden in Zukunft löschen, der diesen Thread sieht.
Nach meinem Verständnis wollen Sie keine Schaltfläche, sondern ein anklickbares Bild, das als Schaltfläche fungiert. Hier ist was ich getan habe:
HTML:
%Vor%JavaScript / jQuery:
%Vor%Indem Sie es so machen, werden Sie das normale "Knopf" -Bild los, und Sie können jedes gewünschte Bild als klickbare Taste benutzen. Außerdem erhalten Sie die gleiche Funktionalität, die Sie von der Schaltfläche wünschen, und es öffnet viele andere Wege, um Ihre Zwecke zu erreichen.
Hoffe es hilft!
Eine andere Methode, die ich verwende, ist einfach das onclick -Ereignis auf die img selbst zu setzen, um eine Funktion aufzurufen.
html:
%Vor%JS:
%Vor% Je nachdem, was Sie gerade tun und was Sie manipulieren möchten, bieten Ihnen alle Beispiele auf dieser Seite bessere / schlechtere Möglichkeiten. Mit dem onclick -Ereignis innerhalb des img -Tags können Sie Variablen / Informationen an die zu verwendende Funktion übergeben und dann die Funktion an Ihr PHP / ASP / etc weitergeben. Auch, wenn Sie es mit einem Form, können Sie Ihre Funktion behandeln Informationen / Einreichung, anstatt die Standard-Vorlage, die Formen verwenden. Verwenden Sie Ihre Vorstellungskraft mit den Problemen, auf die Sie stoßen, und entscheiden Sie, welche Methode besser funktioniert. Begnüge dich nie damit, nur eine Art zu lernen, etwas zu tun.
Normalerweise würden Sie keine Schaltfläche verwenden, Sie können das click -Ereignis nur mit JavaScript an das Bild binden.
Aber wenn Sie eine Schaltfläche haben müssen, können Sie die Schaltfläche mit CSS und der Eigenschaft background-image formatieren.