@formasters777

Какой должен быть тип элемента для смены состояния, отправки данных?

Есть кнопки плюс, минус, input, и checkbox, который меняет состояние цифр в input'e с целых на дробные,
в данном случае имеет ли значение, что для смены состояния цифр будет применяться checkbox или просто элемент button или div?
В чекбоксе сложней настраивать стилями его скрытие и накладывание на него сверху другого текста, который при клике меняется,
например, даже если это и возможно, появляются проблемы с шрифтами и line-height, при изменении размера шрифта или его смещении padding-bottom его высота давит на элементы вверху, и увеличивается отступ.
Но checkbox, является элементом form, и его легче использовать для отправки данных?
или т.к. данные отправляются например через axios, то не имеет значения откуда и как эти данные вводятся, меняются, главное чтоб они были доступны для отправки?
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
Natebash
@Natebash
React, Vue, Angular, Navite JS, Python / Node JS
имеет ли значение, что для смены состояния цифр будет применяться checkbox или просто элемент button или div?

С точки зрения юзабилити, лучше использовать checkbox, или button. Сам реакт будет ругаться, если вы будете вешать эвенты на div, и попросить навесить еще парочку событий для правильной обработки.

В чекбоксе сложней настраивать стилями его скрытие и накладывание на него сверху другого текста, который при клике меняется,

Глупости, кастомный чекбокс делается не сложно, и его состояние с целых на дробные очень легко привязать к стилям компонента
https://www.w3schools.com/howto/howto_css_custom_c...


Но checkbox, является элементом form, и его легче использовать для отправки данных?

Обычно плохим тоном является вешать событие сабмит на чекбокс, лучше вывести это в отдельную кнопку с отправкой, что бы не травмировать пользователя.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы