Damirchiks
/
UdaleniyDostupVSC


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							
<!DOCTYPE html>
<html>
<head>
    <title>Форма регистрации</title>
    <style>
        fieldset {
            border: 2px solid #000;
            padding: 10px;
            width: 300px;
            margin: 0 auto;
        }
    </style>
</head>
<body link = "brown" vlink="grey" alink="red"></body>
<link rel="stylesheet" href = "style.css">
<body> 
<body>
    <form>
        <fieldset>
            <legend></legend>
            <style>
                body {
                    background-image: url('фон.gif');
                    }    
            </style>
            <center>
            <h2>Форма регистрации</h2>
            <form action="#" method="post">
                <label for="name">ФИО:</label><br>
                <input type="text" id="name" name="name"><br><br>
        
                <label for="phone">Телефон:</label><br>
                <input type="phone" id="phone" name="phone"><br><br>
        
                <label for="age">Возраст:</label><br>
                <input type="number" id="age" name="age"><br><br>
        
                <label for="gender">Пол:</label><br>
                <input type="radio" id="male" name="gender" value="male">
                <label for="male">Мужской</label>
                <input type="radio" id="female" name="gender" value="female">
                <label for="female">Женский</label><br><br>
        
                <label for="tur">Тур по нескольким замкам:</label><br>
                <select id="tur" name="tur">
                    <option value="Somur">Сомюр и Мотрей</option>
                    <option value="Monsoro">Монсоро и Лош</option>
                    <option value="Lange">Ланже и Анжер</option>
                    <option value="Anger">Анжер, Ланже, Лош</option>
                </select><br><br>
        
                <label for="zamky">Тур по одному замку:</label><br>
                <select id="zamky" name="zamky">
                    <option value="Somur">Сомюр</option>
                    <option value="Montrey">Монтрей</option>
                    <option value="Monsoro">Монсоро</option>
                    <option value="Losh">Лош</option>
                    <option value="Lange">Ланже</option>
                    <option value="Anger">Анжер</option>
                </select><br><br>
        
                <samp>
                    <a href = main.html style="font-size: 2em"><button type="button" class="button-link">Отмена</button></a>
                </samp>
                <button type="button" onclick="cancel()" class="button-link">Очистить</button>
                <a href = заказ.html style="font-size: 2em"><button type="button" class="button-link">Подтвердить данные</button></a>
            </form>
        
            <script>
                       function cancel() {
                    document.getElementById("name").value = "";
                    document.getElementById("phone").value = "";
                    document.getElementById("age").value = "";
                    document.getElementById("male").checked = false;
                    document.getElementById("female").checked = false;
                    document.getElementById("est").checked = false;
                    document.getElementById("net").checked = false;
                    document.getElementById("tur").value = "faster";
                    document.getElementById("zamky").value = "Somur";
                }
            </script>
            </center>
        </fieldset>
    </form>
</body>
</html>