Главная
JavaScript
Контакты
Услуги
Как с вами связываться?
Почтой
E-mail
Телефон
Адрес:
Город:
страна:
Индекс:
E-mail:
Телефон:
Изменение полей формы в зависимости от выбора пользователя.
<html> <head> <title>Изменение полей формы в зависимости от выбора пользователя.</title> <script language="javascript"> function Display(which) { ma=document.getElementById("mail"); em=document.getElementById("email"); ph=document.getElementById("phone"); if (which=="mail") ma.style.display="block"; else ma.style.display="none"; if (which=="email") em.style.display="block"; else em.style.display="none"; if (which=="phone") ph.style.display="block"; else ph.style.display="none"; } </script> </head> <body> <form name="form1"> <strong>Как с вами связываться?</strong><br> <input type="radio" name="type" value="mail" checked onClick="Display('mail');">Почтой <input type="radio" name="type" value="email" onClick="Display('email');">E-mail <input type="radio" name="type" value="phone" onClick="Display('phone');">Телефон<br> <div ID="mail" style="display:block;"> <b>Адрес:</b> <input type="text" name="address" size="25"><br> <b>Город:</b> <input type="text" name="city" size="14"> <b>страна:</b> <input type="text" name="state" size="5"> <b>Индекс:</b> <input type="text" name="zip" size="9"> </div> <div ID="email" style="display:none"> <b>E-mail:</b><input type="text" name="email" size="25"> </div> <div ID="phone" style="display:none"> <b>Телефон:</b><input type="text" name="phone" size="15"> </div> </form> </body> </html>
Дизайн
Scriptic
.