Блог

Главная - Вопросы по программированию - CSS или изображение для кнопки отправки?

CSS или изображение для кнопки отправки?

#css

#css

Вопрос:

В чем преимущество и недостаток использования обоих?

  1. CSS

     <input type="submit" class="removeBtn" />

.removeBtn{
    background: url(Images/Remove.png);
    height: 25px;
    width: 25px;
}

  2. Встроенный

     <input type="image" src="Content/Images/Remove.png" />

Комментарии:

1. Может ли кто-нибудь исправить код для меня? Кажется, я не могу заставить его отображаться в блоках кода.

2. @Lol coder: Готово. Блоки кода в списках — это проблема — вам нужно делать отступ дважды, поэтому по 8 пробелов в строке 🙂

3. Также рассмотрим <button><!-- MORE HTML!--></button> ?

4. @JohnP: Более конкретно, <button type="submit"> .

5. @JohnP: Я один из немногих привилегированных! 🙂

Ответ №1:

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

Редактировать: согласно комментариям, кнопка с изображением автоматически отправит форму, а также входные данные с типом =»отправить»

Комментарии:

1. <input type="image"> также функционирует как кнопка отправки. Но хороший момент в отношении доступности, если только alt атрибут ввода изображения не упоминает о его функциональности отправки.

2. @BoltClock совершенно правильный, если вы используете его правильно, проблем с input type="image" не возникает. Если вы добавите эту информацию в свой ответ, я буду готов проголосовать.