Изменение кнопки ввода изображения (текст не отображается) HTML

Question

Я пытаюсь поменять все кнопки отправки по умолчанию на кнопки отправки изображений. Тем не менее, когда я делаю это, он все еще функционирует нормально, но, похоже, текст не отображается над изображением, как value="Login" на кнопке по умолчанию, так что я пытался сделать alt="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

Поскольку входы изображений представляют собой карты изображений на стороне сервера. Они предназначены для того, чтобы пользователь мог выбрать точку на изображении и отправить свои координаты на сервер. image - это информация, которая будет отображаться пользователю, а не текст.

Текст alt отображается только в том случае, если изображение не может быть (например, если URL-адрес является ошибкой 404 или если посетитель использует программное обеспечение для чтения с экрана).

Если вы хотите получить фоновое изображение на кнопке отправки, используйте кнопку отправки и установите свойство CSS background-image. (Вы также можете установить border, padding и др.).