Как показать форму входа при нажатии на ссылку для входа

Question

Как показать форму входа при нажатии на ссылку для входа

0

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

<a href=""  class="signin"  onclick="">Sign In</a>

<div class="form">        
    <input type="text" value="" name="myinput" id="myinput"/>
    <input type="submit"  name="submit" value="submit"/>
</div>

JavaScript:

$(document).ready (function() {
    $('.signin').click(function() {    
        $('.form').show();
        return false;
    });
});

fahadrana 15 фев. 2014, в 23:04

Источник

0

в CSS - .form {display: none; } - метод .show () из jquery меняет это на display: block
Rob Sedgwick 15 фев. 2014, в 21:13

Теги:

javascript

jquery

html

2 ответа

Ещё вопросы

в CSS - .form {display: none; } - метод .show () из jquery меняет это на display: block

Ricky Stam · Answer 1 · 2014-02-15T18-22-00.000Z

Добавьте стиль в "форму", чтобы скрыть его.

<div style="display:none;" class="form">        
    <input type="text" value="" name="myinput" id="myinput"/>
    <input type="submit"  name="submit" value="submit"/>
</div>

Subash Selvaraj · Answer 2 · 2014-02-15T19-09-00.000Z

Задайте свойство отображения класса формы равным none, как показано ниже при использовании css.

<a href=""  class="signin"  onclick="">Sign In</a>

<div class="form">
     <input type="text" value="" name="myinput" id="myinput"/>
     <input type="submit"  name="submit" value="submit"/>
</div>

CSS:

.form{
display:none;
}

JavaScript:

 $(document).ready (function()
    {

    $('.signin').click(function()
    {    
       $('.form').show();
       $('.signin').hide();

    });
});