Полезные материалы:
Набор стилизованных компонентов с хорошей разметкой,
с которых можно начинать свой проект:
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/
Полезные материалы:
Набор стилизованных компонентов с хорошей разметкой,
с которых можно начинать свой проект:
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/