Ändern einer Eingabeschaltfläche in ein Bild (ALT-Text wird nicht angezeigt) HTML

Question

Ich versuche, alle meine Standard-Senden-Schaltflächen zu Bild Senden-Schaltflächen zu tauschen. Wie auch immer, wenn ich das tue, funktioniert es immer noch gut, aber es scheint keinen Text über dem Bild zu geben wie die value="Login" auf der Standard-Taste, so dass ich versuchte alt="Login", aber es erschien einfach nicht. Wer weiß, warum das so ist?

<form method="post" action="index.php"> 
      <div id="userNameLoginDiv"> 
       <p>Username:</p> 
       <input type="text" name="username" size="12"> 
      </div> 

      <div id="userPasswordLoginDiv"> 
       <p>Password:</p> 
       <input type="password" name="password" size="12"> 
      </div> 

      <div id="loginBtnDiv"> 
       <input type="image" src="IMAGES/button.png" alt="Login"> 
      </div> 
     </form> 

Answer 1

Da Bildeingaben serverseitige Imagemaps sind. Sie sind so konzipiert, dass der Benutzer einen Punkt auf dem Bild auswählen und seine Koordinaten an den Server senden kann. Das Bild selbst ist die Information, die dem Benutzer angezeigt wird, nicht irgendein Text.

Der Alt-Text wird nur angezeigt, wenn das Bild nicht angezeigt werden kann (z. B. wenn die URL ein 404-Fehler ist oder wenn der Besucher Bildschirmlesesoftware verwendet).

Wenn Sie ein Hintergrundbild auf einer Schaltfläche zum Senden möchten, verwenden Sie eine Senden-Schaltfläche und legen Sie die CSS-Eigenschaft background-image fest. (Sie können auch festlegen, border, padding, et al).