HTML+CSS+JavaScript

У меня есть флажок.
Нужно чтобы когда флажок отмечен,то появлялось поле для ввода текста,если снимается выделение с флажка,то поле исчезало.
Надеюсь вы поймете о чем я говорю.

Нужно использовать JS. ПРи событии onlick проверяете checked или нет, и в зависимости от этого меняете style.display

Надеюсь, Вы меня поняли.... =)

как раз проблема в том,что js я не знаю,а
надо срочно)

Помогите кто-нибудь,дайте плиз образец кода,а там дальше сам как-нибудь

<script> function f () { with (document)    {    var stat = (getElementById ('inp').style.display == 'none');    getElementById ('txt').innerHTML = (stat) ? 'Уйди, страшила!' : 'Гюльчатай, покажи личико!';    getElementById ('inp').style.display = (stat) ? 'inline' : 'none';    } } </script> <input type="checkbox" onmouseup="f ()"><span id="txt">Гюльчатай, покажи личико!</span><br> <span id="inp" style="display: none"><input></span>

спс огромное.

Это помогло мне на много больше,чем я рассчитывал изначально)))

и еще вопросик,
>

>   getElementById ('txt')

можно ли здесь перечислить несколько id?

Без проблем.

Для тега <SPAN ID="txt"> прописываете имеющуюся строчку.
Для какого-нить другого (третьего, четвертого...) "плоского" элемента (т.е. не инпута и не текстареа) - дописываете ещё строчки, указывая их ID и нужный в каждом случае текст:

getElementById ('txt').innerHTML = (stat) ? 'Уйди, страшила!' : 'Гюльчатай, покажи личико!';   getElementById ('abc').innerHTML = (stat) ? 'Спрятать' : 'Показать';   getElementById ('def').innerHTML = (stat) ? 'Отчислить!' : 'Добавить!';   ...

<input id=check type="checkbox" onmouseup="f ()"> <script> function f () { with (document)    {    var stat = (getElementById ('pole4').style.display == 'none');    getElementById ('txt').innerHTML = (stat) ? ' ' : ' ';    getElementById ('pole4').style.display = (stat) ? 'inline' : 'none';    } } </script> <span id="pole4" style="display: none"><input type=text> </span><span id=txt> <select id=spisok1>  <?php include "gorod.html" ;?> </select>  </span>

Вот пытался тут самостоятельно что-то сделать.
При запуске скрипта отображается список.
Нажимаешь на флажок,список исчезает,появляется поле.
Снимаешь выделение с флажка,поле исчезает,но список не появляется,в чем дело??

P.S.

gorod.html содержит:
<option>Москва</option>
<option>Спб</option>

мда...
Строкой getElementById ('txt').innerHTML = (stat) ? ' ' : ' '; вы не скрываете/показываете свой список, а СТИРАЕТЕ его. Ибо innerHTML объекта с id=txt - это как раз ТО, ЧТО НАПИСАНО между тегами <span id=txt> и </span>.
Чтобы прятать/показывать, надо изменять свойство стиля display - т.е. так, как написано в следующей строке - для элемента pole4

ну я же говорил что я js не знаю.
надо быстрее начинать учится

Все равно я не въехал,
подскажи плиз работающий код.

У меня вот так работает:

<input id="check" type="checkbox" onclick="javascript:f()">  <script>  function f ()  {     var stat = (document.getElementById ("pole4").style.display == 'none');    var stat2 = (document.getElementById ("txt").style.display == 'none');    document.getElementById ("txt").style.display = (stat2) ? 'inline' : 'none';     document.getElementById ("pole4").style.display = (stat) ? 'inline' : 'none';  }  </script>  <span id="pole4" style="display: none"><input type=text> </span> <span id="txt">      <select id=spisok1>       <option>Москва</option>     <option>Спб</option> </select>   </span>