xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Изменить тип всех кнопок с <input type="submit"> на <button type="submit">

Опубликовано в

Часто по дизайну вместо кнопок типа <input type="submit" value="Submit" /> нужны кнопки типа <button type="submit">Submit</button>. Сменить тип достаточно просто:

В папке темы создаём файл input--submit.twig.html:

<button{{ attributes }}>{{ attributes.value }}</button>
{{ children }}

Сбрасываем кэш.

Написанное актуально для Drupal 8
Похожие записи

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

А чем по дизайну отличается <input type="submit" value="Submit" /> от <button type="submit">Submit</button> ?)
Тут отличие только в семантике и особенности поведения этих 2х элементов.
По дизайну можно стилизовать оба элемента одинаково. Да и дизайн это картинка которая не говорит тебе какой конкретно HTML-элемент юзать... Это же все зависит от Темизатора-верстальщика.

button может содержать дочерние элементы, input не может.

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании