#javascript #html #css #button #types
Вопрос:
Я провожу курс изучения Javascript для начинающих на Scrimba. Мы должны создать кнопку. Две разные реализации, одна с использованием <button type> , а другая с использованием <button id> , дают разные результаты. Я не могу понять, в чем разница между типом и идентификатором. Пожалуйста, помогите?
Реализация 1 с помощью учебника-
<button id="increment-btn">INCREMENT</button>
Это дает красную кнопку 1
Реализация 2 мной-
<button type="increment-btn">INCREMENT</button>
Это дает серую кнопку 2
В чем разница между тем, как они работают?
Спасибо!
Комментарии:
1. Идентификатор-это уникальное имя, которое вы можете присвоить кнопке. «инкремент-btn» не является допустимым типом кнопки . У вас есть только тип=»отправить», тип=»сброс» и тип=»кнопка». Идентификатор может быть любым, желательно без пробелов и не начинающимся с цифры
2. Тип используется для определения того, что это за кнопка. Есть только три варианта ,
submit,resetиbutton. В то время как идентификатор используется в качестве уникального идентификатора , это полезно для стилей, атрибутов aria-* и многого другого3. Большое спасибо! использование «increment-btn» в типе не привело к ошибке, поэтому я запутался. Но теперь я понимаю разницу.
4. существует определенный набор типов кнопок, т. е. отправка, сброс, кнопка, вы не можете использовать для этого какие-либо другие типы, т. Е. вы не можете использовать пользовательские типы кнопок(я думаю).
5. @Reyno Это должно быть опубликовано как ответ, а не как комментарий. Комментарии носят временный характер и не могут быть приняты в качестве ответа. Нет механизма преобразования комментариев в ответы, поэтому я не могу сделать это за вас. Вам нужно будет скопировать свой комментарий в поле для ответов, а затем удалить его.