ایجاد tab-content در دو صفحه جداگانه

ساخت وبلاگ

آخرین مطالب

امکانات وب

ایجاد tab-content در دو صفحه جداگانه

سلام
من یک صفحه لاگین و رجیستری دارم که اونارو توی tab-content گذاشتم. میخوام بدونم که آیا میشه کاری کرد که محتوای هر تب به دو صفحه جداگانه بره ولی شکل تب ها حفظ بشه؟
ینی دوتا صفحه html داشته باشم که شکل هردو یکیه. ینی برای تب لاگین بره به صفحه لاگین و برای تب رجیستر بره به صفحه رجیستر.
اینم کد:

کد HTML:

<!DOCTYPE html><html > <head> <meta charset="UTF-8"> <title>Sign-Up/Login Form</title> <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="form"> <ul class="tab-group"> <li class="tab active"><a href="#signup">Sign Up</a></li> <li class="tab"><a href="#login">Log In</a></li> </ul> <div class="tab-content"> <div id="signup"> <h1>Sign Up for Free</h1> <form action="/" method="post"> <div class="field-wrap"> <label> Email Address<span class="req">*</span> </label> <input type="email"required autocomplete="off"/> </div> <button type="submit" class="button button-block"/>Get Started</button> </form> </div> <div id="login"> <form action="/" method="post"> <div class="field-wrap"> <label> Email Address<span class="req">*</span> </label> <input type="email"required autocomplete="off"/> </div> <p class="forgot"><a href="#">Forgot Password?</a></p> <button class="button button-block"/>Log In</button> </form> </div> </div><!-- tab-content --> </div> <!-- /form --> <script src='js/jquery.min.js'></script> <script src="js/index.js"></script> </body></html>
میشه راهنمایی کنید؟

برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان programers بازدید : 127 تاريخ : جمعه 31 ارديبهشت 1395 ساعت: 16:53

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه