HTML5, css3, javascript, jquery

<?php include'header.php'; ?>
<div class = "container">
	<div class = "row">
		<div class = "col-md-12">
	<div class = "login-section">
		<p>Allready a member? <a href = "#">Login</a> </p>
		<div class = "login-form">
			<p class = "title">Become a member</p>
			<p>I am</p>
			<div class = "input-type">
					<input type = "radio" name = "gender" value = "Buyer/Ownder" checked> Buyer/Ownder
					<input type = "radio" name = "gender" value = "Developer/Agent" > Developer/Agent
				</div>

				<!-- this form is for buyer -->
			<form action = "" class = "form-group">
				
				
				<div class = "input-type">
				<label for = "email">Your Name</label>
				<input type = "email" placeholder = "type your email" class = "form-control">
				</div>
				<div class = "input-type">
					<label for = "password">Your Email</label>
					<input type = "password" placeholder = "type your password" class = "form-control">
				</div>
				
				<input type = "submit" placeholder = "Submit" class = "btn btn-success form-control">
			</form>
			<!-- this form is for buyer  end -->



			<!-- this from is for agent -->
			<form action = "">
				<div class = "input-type">
				<label for = "email">Your Company Name</label>
				<input type = "email" placeholder = "type your email" class = "form-control">
				</div>
				<div class = "input-type">
					<label for = "password">Your Email</label>
					<input type = "password" placeholder = "type your password" class = "form-control">
				</div>
				
				<input type = "submit" placeholder = "Submit" class = "btn btn-success form-control">
			</form>
			<!-- this from is for agent  end-->
		</div>
	</div>
</div>
	</div>
</div>

<?php include'footer.php'; ?>

1, есть две кнопки. Для каждой кнопки есть своя форма. При нажатии на одну из них видна определенная форма. Как я могу сделать это в html с помощью javascript или jquery, возможно ли boostrap или css?

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

Заголовки предназначены для заголовков, а не для тегов. Вопросы касаются текста, кода и т. д., А не ссылки на изображение. Пожалуйста, прочтите Как спросить

j08691 04.06.2018 22:23

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

rmlan 04.06.2018 22:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
6
2
34
1

Ответы 1

С jQuery:

 // on page load
 $( "#buyerForm" ).show();
 $( "#developperForm" ).hide();
 // radio button actions
 $( "#buyerButton" ).click(function() {
  $( "#buyerForm" ).toggle();
  $( "#developperForm" ).toggle();
});
 $( "#developperButton" ).click(function() {
  $( "#buyerForm" ).toggle();
  $( "#developperForm" ).toggle();
});

Сделанный. Большое спасибо,

Tusher 04.06.2018 22:37

Другие вопросы по теме