Часто по дизайну или функционалу вместо кнопок типа <input type="submit" value="Submit" /> нужны кнопки типа <button type="submit">Submit</button>. Сменить тип всех кнопок достаточно просто:
В папке темы создаём файл input--submit.html.twig:
<button{{ attributes }}>{{ attributes.value }}</button>
{{ children }}Сбрасываем кэш.
Если нужно сменить тип только определённой кнопки, то переименовываем шаблон в input--button.html.twig и добавляем кнопке свойство '#theme_wrappers' => ['input__button']:
$form['button'] = [
'#type' => 'submit',
'#value' => 'Submit',
'#theme_wrappers' => ['input__button'],
];
Написанное актуально для
Drupal 8+
Комментарии
А чем по дизайну отличается
<input type="submit" value="Submit" />от<button type="submit">Submit</button>?)Тут отличие только в семантике и особенности поведения этих 2х элементов.
По дизайну можно стилизовать оба элемента одинаково. Да и дизайн это картинка которая не говорит тебе какой конкретно HTML-элемент юзать... Это же все зависит от Темизатора-верстальщика.
button может содержать дочерние элементы, input не может.
Добавить комментарий