Выпадающая форма
Здравствуйте, сам я в js профан почти полный, только недавно начал изучать, поэтому прошу помощи у вас. Хочется реализовать чтобы по клике на какой-то текст внизу выпадала определенная форма, не подскажете как возможно такое реализовать? Что должно быть по событию onClick ?
|
Изначально можно сделать display:none у формы, а в onclick писать функцию которая будет ставить dipsplay:block, как тут:
<span onclick="document.getElementById('form').style.display='block';">Кликни тут</span>
<input type="text" id="form" style="display:none">
Можно также использовать innerHTML и другие варианты. |
А как сделать что-бы при клике ещё раз, форма исчезала?
|
<span onclick="toggle()">Кликни тут</span>
<input type="text" id="form" style="display:none">
<script>
function toggle(){
var form = document.getElementById('form');
form.style.display = form.style.display == 'block' ? 'none' : 'block';
}
</script>
|
спасибо, помог! ещё один вопрос!) при клике у инпута убирается стиль display:none, если я ввожу какой-то текст, потом опять кликаю что-бы скрылся инпут, после возвращения опять, у меня у инпуте остается введенный текст, это понятно) а как сделать так, что-бы при клике скрыть , текст исчезал, был очищен value ???
|
<span onclick="toggle()">Кликни тут</span>
<input type="text" id="form" style="display:none">
<script>
function toggle(){
var form = document.getElementById('form');
form.style.display = form.style.display == 'block' ? 'none' : 'block';
form.value = '';
}
</script>
|
спасибо большое!
|
| Часовой пояс GMT +3, время: 12:15. |