ПРИМЕР ФОРМЫ №1Для знакомства я рекомендую вам посмотреть пост "Формы"
ПРИМЕР ФОРМЫ №2
ПРИМЕР ФОРМЫ №3
<!DOCTYPE
html>
<html>
<head>
<meta
charset="utf-8">
<title>Испытание: форма регистрации</title>
</head>
<body>
<h1>Регистрация</h1>
<form
action="https://echo.htmlacademy.ru" method="post">
<label>Ваш
логин (email):</label>
<br>
<input type="text" name="login"
id="login-field"></br>
<label>Пароль:</label><br>
<input type="password" name="password"
id="password-field"><br>
Информация о себе:<br>
<textarea rows="5" name="comment"
id="comment-field"></textarea><br>
<input type="checkbox" checked name="subscribe"
id="subscribe-field">
<label for="subscribe-field">Подписаться на рассылку</label><br>
<input type="submit" value="Зарегистрироваться">
</form>
</body>
</html>
!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8">
<title>Испытание: редактирование профиля</title>
</head>
<body>
<h1>Профиль</h1>
<form
action="https://echo.htmlacademy.ru" method="post">
<label>Ваш пол:
<input type="radio" name="question-one"
value="p">
Мужской
</label>
<label>
<input type="radio" name="question-one"
value="b" checked>
Женский
</label><br>
Месяц и год рождения:<br>
<select name="theme">
<option
value="jan">Январь</option>
<option
value="feb">Февраль</option>
...
</select>
<select name="theme">
<option
value="1990">1990</option>
<option
value="1991">1991</option>
...
</select><br>
Знакомые технологии:<br>
<select multiple name="days"size="4">
<option>HTML</option>
<option selected>CSS</option>
<option>JavaScript</option>
<option>Node.js</option>
</select><br>
Фото:<input type="file" name="avatar">
<input type="submit" value="Сохранить">
</form>
</body>
</html>
ПРИМЕР ФОРМЫ №3
<!DOCTYPE html>
<html>
<head>
<meta
charset="utf-8">
<title>Идентификатор
и значение по умолчанию</title>
</head>
<body>
<h1>Добавить в корзину</h1>
<form action="https://echo.htmlacademy.ru"
method="post">
Количество <input type="text"
name="total" id="total-field" value="5"> шт.
</form>
</body>
</html>
CSS:
h1 {
font-size:
18px;
}
Комментариев нет:
Отправить комментарий