Набор стилизованных компонентов с хорошей разметкой,
с которых можно начинать свой проект:
http://wtfforms.com/
Не используйте эти инпуты, с ними есть проблем в стилизации.
И с приходом HTML5, для всех кнопок есть тег <button>
Вместо <input type="number"> лучше использовать <input type="tel"> (number - плохо поддается кастомизации)
У тега <button> дефолтный тип type="submit" - всегда указывайте тип кнопки.
<input type="range"> - хорошо поддается стилизации.
<input type="color"> - лучше использовать какую то библиотеку, мы у себя юзаем spectrum<input type="date"> - слабая поддержка, лучше использовать библиотеку.
Полезные материалы:
Набор стилизованных компонентов с хорошей разметкой, с которых можно начинать свой проект: http://wtfforms.com/
Не используйте эти инпуты, с ними есть проблем в стилизации. И с приходом HTML5, для всех кнопок есть тег
<button>
Вместо
<input type="number">
лучше использовать<input type="tel">
(number - плохо поддается кастомизации)У тега
<button>
дефолтный типtype="submit"
- всегда указывайте тип кнопки.<input type="range">
- хорошо поддается стилизации.<input type="color">
- лучше использовать какую то библиотеку, мы у себя юзаем spectrum<input type="date">
- слабая поддержка, лучше использовать библиотеку.Очень крутой цикл статей от Хейдона Пикеринга Рекомендую к прочтению, т.к очень детально все описывается: https://inclusive-components.design/#components Перевод: (гуглить ключевые слова web standards инклюзивные компоненты) https://medium.com/web-standards/tooltips-toggletips-c20691665ac7
WYSIWYG editors: https://www.tiny.cloud/ https://ckeditor.com/ https://summernote.org/