入力ボタンを画像に変更する（代替テキストが表示されない）HTML

Question

私のデフォルトの送信ボタンを画像送信ボタンに置​​き換えようとしています。しかし、私がこれを行うと、まだ機能は正常ですが、私が試していたので、value="Login"のような画像上にテキストが表示されないようですが、それは単に表示されませんでした。これはなぜ誰でも知っていますか？

<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

画像入力はサーバー側の画像マップなので、ユーザーは、イメージ上のポイントを選択し、その座標をサーバーに送信できるように設計されています。 画像自体は、テキストではなくユーザーに表示される情報です。

代替テキストは、画像が表示できない場合のみ表示されます（例：404エラーの場合、またはスクリーンリーダーソフトウェアを使用している場合）。

送信ボタンに背景画像が必要な場合は、送信ボタンを使用してbackground-image CSSプロパティを設定します。 （border,paddingなどを設定することもできます）。