|
|
@@ -1,84 +1,68 @@
|
|
|
- <html>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Тег INPUT</title>
|
|
|
|
|
|
+ <style type="text/css">
|
|
|
+ .field {clear:both; text-align:right; line-height:25px; border: 3px #000000 solid; background-color: beige;}
|
|
|
+ label {float:left; padding-right:10px;}
|
|
|
+ .main {float: left;}
|
|
|
+ </style>
|
|
|
+
|
|
|
<script>
|
|
|
- function agreeForm(f) {
|
|
|
- // Если поставлен флажок, снимаем блокирование кнопки
|
|
|
- if (f.agree.checked) f.submit.disabled = 0
|
|
|
- // В противном случае вновь блокируем кнопку
|
|
|
- else f.submit.disabled = 1
|
|
|
+ function offip(f) {
|
|
|
+ if (f.ip1.checked) f.ipaddr.disabled = 1, f.mask.disabled = 1, f.router.disabled = 1
|
|
|
+ else f.ipaddr.disabled = 0, f.mask.disabled = 0, f.router.disabled = 0
|
|
|
}
|
|
|
- </script>
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ function offdns(f) {
|
|
|
+ if (f.dnscheck1.checked) f.dns3.disabled = 1, f.dns2.disabled = 1
|
|
|
+ else f.dns3.disabled = 0, f.dns2.disabled = 0
|
|
|
+ }
|
|
|
+ </script>
|
|
|
|
|
|
</head>
|
|
|
-
|
|
|
<body>
|
|
|
<form>
|
|
|
- <p><input type="checkbox" name="ip" value="ie" onclick="agreeForm(this.form)" >Получить IP-адрес автоматически </p>
|
|
|
- <p><input type="radio" name="ip" value="ie">Использовать следующий IP-адрес</p>
|
|
|
+
|
|
|
+ <div class="main">
|
|
|
+ <div class = "field">
|
|
|
|
|
|
- <p>IP-адрес:
|
|
|
- <p><input type="submit" name="submit" value="Далее" disabled></p>
|
|
|
- <input type="text" size="40" >
|
|
|
+ <div align = "left">
|
|
|
+ <p><input type="radio" id="ip1" name="agree" value="on" onclick="offip(this.form)" >Получить IP-адрес автоматически </p>
|
|
|
+ <p><input type="radio" name="agree" value="off" onclick="offip(this.form)" >Использовать следующий IP-адрес</p>
|
|
|
+ </div>
|
|
|
+ <p><label for="a">IP-адрес:</label>
|
|
|
+ <input type="text" size="15" name="ipaddr" maxlength="15" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">
|
|
|
</p>
|
|
|
- <p>Маска:
|
|
|
- <input type="text" size="40">
|
|
|
- </p>
|
|
|
- <p>Основной шлюз:
|
|
|
- <input type="text" size="40">
|
|
|
+ <p><label for="a">Маска:</label>
|
|
|
+ <input type="text" size="15" name="mask" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">
|
|
|
</p>
|
|
|
+ <p> <label for="a">Основной шлюз:</label>
|
|
|
+ <input type="text" size="15" name="router" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">
|
|
|
+ </p><br>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
- <br><p><input type="radio" name="dns" value="ie">Получить DNS-сервера автоматически</p>
|
|
|
- <p><input type="radio" name="dns" value="ie">Использовать следующий адреса DNS-серверов</p>
|
|
|
+ <div align = "left">
|
|
|
+ <p><input type="radio" id="dnscheck1" name="dns" value="on" onclick="offdns(this.form)">Получить DNS-сервера автоматически</p>
|
|
|
+ <p><input type="radio" name="dns" value="off" onclick="offdns(this.form)">Использовать следующий адреса DNS-серверов</p>
|
|
|
+</div>
|
|
|
+
|
|
|
|
|
|
- <p>IP-адрес:
|
|
|
- <input type="text" size="40">
|
|
|
+ <label for="a">Преподчитаемый DNS-сервер:</label>
|
|
|
+ <input type="text" size="15" name="dns3" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">
|
|
|
</p>
|
|
|
- <p>Маска:
|
|
|
- <input type="text" size="40">
|
|
|
+ <label for="a">Альтернативный DNS-сервер:</label>
|
|
|
+ <input type="text" size="15" name="dns2" pattern="^((\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$">
|
|
|
</p>
|
|
|
- <p>Основной шлюз:
|
|
|
- <input type="text" size="40">
|
|
|
- </p>
|
|
|
- </br>
|
|
|
-
|
|
|
-
|
|
|
+ <p><input type="submit" value="Отправить"></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
- <!---- <!DOCTYPE html>
|
|
|
-<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>Блокировка поля</title>
|
|
|
- <script>
|
|
|
- function agreeForm(f) {
|
|
|
- // Если поставлен флажок, снимаем блокирование кнопки
|
|
|
- if (f.agree.checked) f.submit.disabled = 0
|
|
|
- // В противном случае вновь блокируем кнопку
|
|
|
- else f.submit.disabled = 1
|
|
|
- }
|
|
|
- </script>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <form>
|
|
|
- <p><textarea cols="30" rows="4" disabled>
|
|
|
- Типовой договор
|
|
|
- Отдаю свою душу, а взамен получаю здоровье и бессмертие.
|
|
|
- </textarea></p>
|
|
|
- <p><input type="checkbox" name="agree" onclick="agreeForm(this.form)">
|
|
|
- Я согласен со всеми условиями</p>
|
|
|
- <p><input type="submit" name="submit" value="Далее" disabled></p>
|
|
|
- </form>
|
|
|
- </body>
|
|
|
-</html>
|
