Я немного смущен. В чем разница между ними. Пожалуйста, не ссылайтесь на действительно старые сообщения. Я замечаю, что доступ к некоторым стилям отличается от встроенных в html, а также в таблицах стилей.
<input type=button>
vs
<button>
Думаю, мне интересно, какой из них будет жить? или что является лучшим, если учесть легкость совместимости всех общих технологий, которые входят в создание веб-сайта? ака. который будет вызывать наименьшее количество проблем
В отличие от тегов <input> <button> может содержать другие html-элементы в качестве их меток. <input type="button"> может принимать только строку в качестве текста метки (стили css не выдерживают).
Кроме того, элемент <button> принимает широкий диапазон необычных, но полезных атрибутов в отношении нескольких форм и действий щелчка. Подробнее см. страницу MDN.
Как и для одного из "живых", стандарт HTML замечательно обратный. Человечество ставит мужчин на Марс, прежде чем либо будет исключено из стандарта HTML.
Внутри элемента <button> вы можете поместить контент, например текст или изображения.
например: <button type="button" onclick="alert('Hello world!')">Click Me!</button>
Если вы используете элемент <button> в форме HTML, разные браузеры могут отправлять разные значения. Поэтому всегда используйте <input type="button"> для создания кнопок в HTML-форме.
тип ввода = кнопка
Тег является самым простым способом отправки формы. Когда клиент нажимает кнопку, он автоматически отправляется. Вам не нужно добавлять какие-либо скрипты, браузеру известно отправить форму при нажатии тега отправки INPUT.
Проблема в том, что эта кнопка очень уродливая и простая. Вы не можете добавлять к нему изображения. Вы можете стилизовать его так же, как любой другой элемент, но он все равно может выглядеть как уродливая кнопка.
Используйте метод INPUT, когда ваша форма должна быть доступна даже в браузерах с отключенным JavaScript.
кнопка
Элемент BUTTON предлагает больше возможностей для отправки форм. Вы можете поместить что-нибудь внутри элемента BUTTON и превратить его в кнопку отправки. Чаще всего люди используют изображения и текст. Но вы можете создать DIV и сделать все это кнопкой отправки, если хотите.
Самый большой недостаток элемента BUTTON заключается в том, что он автоматически не отправляет форму. Это означает, что для его активации должен быть какой-то тип script. И поэтому он менее доступен, чем метод INPUT. Любой пользователь, у которого нет включенного JavaScript, не сможет отправить форму только с элементом aBUTTON, чтобы отправить ее.
Используйте метод BUTTON для форм, которые не так критичны. Кроме того, это отличный способ добавить дополнительные параметры отправки в одну форму.
Источник: https://www.thoughtco.com/buttons-on-forms-3464313
Используйте <button> из элемента ввода, если вы хотите создать кнопку в форме.
И используйте тег кнопки, если вы хотите создать кнопку для действия.
Дополнительная информация: Разница между < input type = 'submit'/ > и < button type = 'submit' > текст </button>
зависит от того, где вы хотите его использовать. вход должен быть внутри формы, где кнопка может использоваться где угодно.