Hemas Ilearn Ответов: 1

Как отделить код для вкладок с помощью HTML?


я разработал простую веб-страницу, которая включает в себя три вкладки
и он содержит
Регистрация, логин, чат соответственно.
проблема
когда я кодирую вкладку чата и открываю индексную страницу в браузере.
он будет просматривать страницу регистрации и входа в систему одновременно.
как я могу отделить каждую кодировку для каждой вкладки?

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

Цитата:
Форма Начинается

три вкладки

Содержимое вкладки-это будет разделять каждую вкладку

Вкладка Содержание-Форма Регистрации

Хема Регистрация Клиентов


&ЛТ;действие формы="db2.php" метод="сообщение"и GT;

& lt;этикетка>
полное имя*
< / этикетка>
в <тип входного="текст" имя="имя" требуемого автозаполнения="off" для /&ГТ;


& lt;этикетка>
Контакт Нет*
< / этикетка>
в <тип входного="текст" имя="контакт" требуется автозаполнения="off" и /&ГТ;


& lt;этикетка>
адрес электронной почты*
< / этикетка>
в <тип входного="отправить" название="отправить" требуется автозаполнения="off"и/&ГТ;


& lt;этикетка>
Сообщение*
< / этикетка>
< input type= "text" rows= " 5 " name=" pass "required autocomplete= "off"/>


&л;тип кнопки="Отправить" кнопка-заблокировать кнопку Класс="" название="отправить" значение="зарегистрироваться" /&ГТ;отправить&ЛТ; кнопка/&ГТ;

< / форма>


Форма входа в систему-это будет разделять каждую вкладку

С Возвращением!


&ЛТ;действие формы="/" метод="сообщение"и GT;


& lt;этикетка>
адрес электронной почты*
< / этикетка>
< input type="email" required autocomplete= "off"/>



& lt;этикетка>
Пароль*
< / этикетка>
< input type="password" required autocomplete= "off"/>


Забыли Пароль?



&л;класс button="кнопка-блок"/&ГТ;войти&ЛТ; кнопка/&ГТ;

< / форма>



Форма чата - это будет разделять каждую вкладку

Добро Пожаловать В Чат!



если я удалю эти коды вкладок чата, он прекрасно покажет веб-сайт
<!-- вкладка содержание --&ГТ;

<!-- /форма -->

это то, что я получил, если кто-то не ясно с этим. они могут получить представление, скопировав это в свой блокнот или любую HTML ide..

Suvendu Shekhar Giri

Проверьте следующий пример, чтобы увидеть, как создать простую вкладку-
Как Создать Вкладки[^]

1 Ответов

Рейтинг:
1

W∴ Balboos, GHB

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

Теперь-установите стиль z-индекса для каждого из них равным 1, за исключением того, который вы хотите видеть сверху при первом рендеринге страницы, который вы можете установить равным 2.

Теперь-каждая вкладка (которые сами по себе являются элементами<div & gt;, нанизанными сверху над областями содержимого вкладки, у каждого есть метод onclick. Все они выполняют одну и ту же функцию. Каждый посылает свой " id " в качестве аргумента функции.

Теперь - при нажатии-все вкладки должны иметь свой z-индекс, сброшенный на 1, а затем установить индекс нажатой вкладки на 2. (Используйте DOM для установки стиля).

Также неплохо изменить внешний вид самих вкладок в этой функции, чтобы щелкнутая вкладка была идентифицирована так, как ожидал бы пользователь.

Есть и другие способы сделать это, но это довольно просто.