Выпадающая форма

[[MI_nor]]

Здравствуйте, сам я в js профан почти полный, только недавно начал изучать, поэтому прошу помощи у вас. Хочется реализовать чтобы по клике на какой-то текст внизу выпадала определенная форма, не подскажете как возможно такое реализовать? Что должно быть по событию onClick ?

[Vulkan]

Изначально можно сделать display:none у формы, а в onclick писать функцию которая будет ставить dipsplay:block, как тут:

<span onclick="document.getElementById('form').style.display='block';">Кликни тут</span>
<input type="text" id="form" style="display:none">

Можно также использовать innerHTML и другие варианты.

[amf1k]

А как сделать что-бы при клике ещё раз, форма исчезала?

[zilker]

<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>

[amf1k]

спасибо, помог! ещё один вопрос!) при клике у инпута убирается стиль display:none, если я ввожу какой-то текст, потом опять кликаю что-бы скрылся инпут, после возвращения опять, у меня у инпуте остается введенный текст, это понятно) а как сделать так, что-бы при клике скрыть , текст исчезал, был очищен value ???

[zilker]

<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>

[amf1k]

спасибо большое!