Я создал страницу, и есть три формы, и я должен сделать видимым одно время на форме.Сделать форму видимой за один клик
Предположим, когда я нажму кнопку you have an account already?
из регистрационной формы, он перейдет к форме входа в систему и форме входа в систему, чтобы забыть пароль, и та же форма должна быть внутри обеих кнопок формы. (Вход и регистрация).
Также вы можете увидеть на изображении ниже:
*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
form \t { width:400px !important;}
form .title { font-size:17px; color:#ffffff; line-height:30px; font-weight:bold;}
form#red { background:red;}
form#blue { background:blue;}
form#green { background:green;}
form .button { background:#ffffff; float:left; padding: 1% 2%; width:98%; text-align:center; font-size:13px; font-weight:bold; color:#000000; margin-bottom:10px;}
.clear { clear:both;}
form{width:50%; margin:0 auto 20px; padding:10px; color:#ffffff;}
form .field { width:100%; float:left; margin:0 0 5px 0;}
form .label{width:20%; float:left;}
form .input-field{width:80%; float:left;}
form .input-field input { width:100%;}
form .full-width { width:100%;}
form #submit{ width:100%;}
<form id="red">
\t <div class="title">Register</div>
<div class="field">
<span class="label">First name:</span>
<span class="input-field"><input type="text" name="firstname"></span>
</div>
<div class="field">
<span class="label">Last name:</span>
<span class="input-field"><input type="text" name="lastname"></span>
</div>
<div class="field">
<span class="label">Email:</span>
<span class="input-field"><input type="text" name="firstname"></span>
</div>
<div class="field">
<span class="label">Phone Number:</span>
<span class="input-field"><input type="text" name="lastname"></span>
</div>
<div class="field">
<span clas="full-width"><input type="submit" id="submit" value="Register"/></span>
</div>
<div class="field">
<span clas="full-width"><a href="" class="button">You have an account already? Log in here</a></span>
</div>
<div class="clear"></div>
</form>
<form id="blue">
\t <div class="title">Login</div>
<div class="field">
<span class="label">First name:</span>
<span class="input-field"><input type="text" name="firstname"></span>
</div>
<div class="field">
<span class="label">Last name:</span>
<span class="input-field"><input type="text" name="lastname"></span>
</div>
<div class="field">
<span clas="full-width"><input type="submit" id="submit" value="Login"/></span>
</div>
<div class="field">
<span clas="full-width"><a href="" class="button">Forgot Password</a></span>
</div>
<div class="clear"></div>
</form>
<form id="green">
\t <div class="title">Forgot Password</div>
<div class="field">
<span class="label">Enter Email:</span>
<span class="input-field"><input type="text" name="firstname"></span>
</div>
<div class="field">
<span clas="full-width"><input type="submit" id="submit" value="Send Reminder "/></span>
</div>
<div class="field">
<span clas="full-width"><a href="" class="button">Suddenly remebered? Log in here</a></span>
<span class="clear"></span>
<span clas="full-width"><a href="" class="button">You don't have an account? Register here</a></span>
</div>
<div class="clear"></div>
</form>
Вы не задали вопрос, просто заявление о намерениях. –
это вопрос? где код уже пробовал? –
Мне нужно будет отправить html-код или еще что-нибудь ...? – abidkhanweb