Разница между кнопкой и типом ввода = кнопка и меры предосторожности

<tool> тег

Определение и использование

Тэг <Tood> определяет кнопку.

Внутри элемента кнопки вы можете разместить контент, такой как текст или изображения. Это разница между этим элементом и кнопками, созданными с входным элементом.

Управление <Tood> обеспечивает более мощные функции и более богатый контент, чем <inputType = кнопка>. Все содержание между тегами <Tood> и </button> - это содержание кнопки, которое включает в себя любое приемлемое содержание тела, такое как текстовый или мультимедийный содержимое. Например, мы можем включить в кнопку изображение и связанный текст и использовать их для создания привлекательного изображения разметки в кнопке.

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

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

Поддержка браузера

Все основные браузеры поддерживают тег <Tood>.

Важно : если вы используете элемент кнопки в форме HTML, разные браузеры отправят разные значения. InternetExplorer отправит текст между <tood> и <button/>, в то время как другие браузеры отправят содержимое атрибута значения. Пожалуйста, используйте элемент ввода в форме HTML, чтобы создать кнопку.

Что следует отметить

При использовании тега <Tood>, легко воспринимать его как предоставлено как <inputType = button>, что может легко привести к следующему использованию ошибки:

1. Получите значение <tood of <buttonid = custombtnvalue = test> кнопка </button> через $ ('#custombtn'). Val ()

В т.е. (т.е. ядро) значение-это кнопка, а не тест, а тест получается в неэй. Участвуйте в первом предложении, отмеченном выше.

Это следует отличить от <inputType = кнопка>.

В этих двух способах $ ('#CustomBtn'). Val (), $ ('#CustomBtn'). Attr ('value') Получает значения в разных браузерах, следующим образом:

Браузер/значение	$ ('#custombtn'). val ()	$ ('#custombtn'). attr ('value')
Firefox13.0	тест	тест
Хром 15.0	тест	тест
Opera11.61	тест	тест
Safari5.1.4	тест	тест
IE9.0	Кнопка	Кнопка

Проверьте это в тестовом коде ниже

Скопировать код