<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа 17.1</title>
<script>
function printText() {
document.getElementById("txt1").value = "Добрый день!";
}
</script>
</head>
<body onload="printText()">
<form name="myForm">
<input id="txt1" type="text" name="input">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа 17.2</title>
<script>
function setFocus() {
document.getElementById("name").focus();
}
</script>
</head>
<body onload="setFocus()">
<form>
Ваше имя:<br>
<input type="text" id="name">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа 17.3</title>
<script>
function validateNonEmpty(inputField) {
if (inputField.value.length == 0) {
alert("Заполните поле!");
return false;
}
return true;
}
function clearField() {
document.getElementById("t1").value = "";
}
</script>
</head>
<body>
<form name="f1">
Ваше имя:<br>
<input
type="text"
id="t1"
onblur="validateNonEmpty(this)">
<br><br>
<input
type="button"
value="Очистить"
onclick="clearField()">
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа 17.4</title>
<script>
function validateNonEmpty(inputField, helpText) {
if (inputField.value.length == 0) {
alert(helpText);
inputField.focus();
return false;
}
return true;
}
function CheckAll() {
if (!validateNonEmpty(
document.getElementById("t1"),
"Заполните поле Имя")) {
return false;
}
if (!validateNonEmpty(
document.getElementById("t2"),
"Заполните поле Фамилия")) {
return false;
}
if (!validateNonEmpty(
document.getElementById("t3"),
"Заполните поле Группа")) {
return false;
}
alert("Все поля заполнены!");
}
</script>
</head>
<body>
<form>
Имя:<br>
<input type="text" id="t1"><br><br>
Фамилия:<br>
<input type="text" id="t2"><br><br>
Группа:<br>
<input type="text" id="t3"><br><br>
<input
type="button"
value="Проверить"
onclick="CheckAll()">
</form>
</body>
</html>
