Member 13875048 Ответов: 1

Как сделать форму с HTML, CSS и JS (без jquery и bootstrap)

Всем привет. Я новичок в программировании и кодировании, и у меня есть проблема. У меня есть две формы. Один из них сделан с помощью jQuery и bootstrap и выглядит нормально. Я хочу сделать ту же самую форму без jQuery и bootstrap, используя ванильный HTML, CSS и JavaScript. Без использования внешней библиотеки. Я попытался сделать эту форму, и она выглядит гораздо хуже, чем первая. Как я должен сделать так, чтобы другие формы выглядели так же, как и первая, только с помощью HTML, CSS и JS? И он должен быть отзывчивым.

Это хорошая форма: http://products.dd-webdesign.com/

Это дурной тон: http://products.dd-webdesign.com/

Что я уже пробовал:

Я пытался сделать отзывчивую форму без внешней библиотеки.

1 Ответов

Рейтинг:
0

Afzaal Ahmad Zeeshan

Это происходит потому, что команда Bootstrap (Twitter team) вложила многолетний опыт и силу разработчика в разработку этого фреймворка, чтобы сделать его,

* Дружественный к разработчику
* Кросс-браузерный
* Отзывчивый
* Стабильный

Вы не можете принять во внимание каждый браузер, а затем предоставить дизайн, который обеспечивает все эти функции и — даже если это произойдет — не требует месяцев разработки основы, включая JavaScript и CSS core.

Таким образом, рекомендуется: нет создайте его самостоятельно, используя HTML, CSS и JavaScript, вместо этого просто используйте jQuery и Bootstrap.

Кстати, если это учебный проект, пожалуйста, примите во внимание мой совет, приведенный выше. Но если вы все еще хотите попробовать его, то ниже приведены пути, по которым можно пойти,

Использование медиа - запросов- CSS: Каскадные Таблицы Стилей | MDN[^]
HTML-формы - учиться веб-разработке | МДН[^]

Это две документации о стандартах, основанных на W3, чтобы контролировать отзывчивость вашего приложения, а также контролировать, как пользователи взаимодействуют и вводят значения в формы, а также как формы учитывают входные данные — валидацию, обработку, маскировку и т. д.