Форумы портала PHP.SU :: Версия для печати

1. Mefistofel - 12 Мая, 2012 - 18:20:53 - перейти к сообщению

Салют всем жителям форума.
Суть:
Есть незаконченная страничка для регистрации (тестова, для обучения). В ней расположено три блока, в каждой по несколько форм. Как сделать так, чтоб кнопка "сброс" Убирала введенные данные не только из своего (третьего блока), но из двух первых?

Спойлер (Отобразить)

CODE (html):
скопировать код в буфер обмена

<html>
<title>
        тестовая форма
</title>
<head>
<p align="center">ТЕСТ ФОРМ ВВОДА</p> 
</head>
<style>
.block1 { 
    width: 30%; 
    background: #002227;
    padding-right: 5px; 
    border: solid 1px black; 
    float: left;
   }
   .block2 { 
    width: 30%; 
    background: #002227; 
    padding: 5px; 
    border: solid 1px black; 
    float: none; 
        margin-top: 0px;
        margin-left: 34%;
     }
         .block3 { 
    width: 30%; 
    background: #002227; 
    padding: 5px; 
    border: solid 1px black; 
        margin-top: -235px;
    float: right; 
        
     }
{
margin:0px auto;
padding:0px auto;
font-size:10px;
font-family:Verdana;
overflow:none;
outline:none;
border:none;
}
input[type='text']{
padding:1px;
box-shadow:0px 1px 3px #444;
}
</style>
<body style="color:white; background-color:black">
 
<marquee>Приветствуем нового пользователя!</marquee>
<p align="center">Введите следующие данные для прохождения процесса регистрации:</p>                            
        <p align="center">
                <input type='checkbox' name='18'> Вам уже исполнилось 18 лет?
        </p>                    
                                <div class="block1">
                                <form method='POST'>
        
                Укажите ваш возраст<Br>
                <input type="range" min="18" max="100" /><br><Br>  <!--не отображаются числовые значения-->
                Меня зовут<Br>
                <input type='text' name='name' placeholder='Введите имя' ><Br><Br>
                Моя фамилия<Br>
                <input type='text' name='sirname' placeholder='Введите фамилию'><Br><Br>
                Мой ник-нейм на сайте<Br>
                <input type='text' name='nick' placeholder='Введите ник-нейм' ><Br><Br>
                </form>
                                </div>
                                
                                
                                <div class="block2"> <!-- этот блок размещается ниже первого. как сделать так, чтобы он стоял параллельно первому блоку?-->
                                <form method='POST'>
                                Введите Ваш e-mail<br>
                <input type='email' name='email' placeholder='Введите e-mail'> <br><br>
                Введите пароль для этого сайта
                <input type='password' name='password' placeholder='Введите пароль' > <br><br>
                Подтвердите введеный выше пароль
                <input type='password' name='password' placeholder='Введите пароль' > <br><br>
                Если понравилось, введите еще раз
                <input type='password' name='password' placeholder='Введите пароль еще раз' >
                </form>
                                                </div>
                
                <div class="block3">
                <form method='POST'>
                
                Отметьте, что вас больше всего интересует на этом сайте:<Br><Br>
   
  
        <input type="radio" name="hobbie" value="rad1"> php<Br>
        <input type="radio" name="hobbie" value="rad2"> html<Br>
        <input type="radio" name="hobbie" value="rad1"> xss<Br>
        <input type="radio" name="hobbie" value="rad3">
        процесс воспитания опоссумов<br><br>
                <input type='file' name='file' ><br> выберите фото для Вашего профиля<br><br>
                <input type='reset' name='reset' > сброcить все данные 
                </form>         
                                                </div>
                                                
                 <p align="center">
                 ЗАВЕРШИТЬ РЕГИСТРАЦИЮ
                 </p>
                 
                 <p align="center">
                 <input type='submit' name='submit' value="завершить">
                 </p>
                 
</body>
 
 