День 16. Очень круто. Только не работает.
Ребят, меня стало напрягать то, что я изучаю-изучаю, а толку от этого немного. Я ВЕДЬ ВСЕ РАВНО НЕ МОГУ НАПИСАТЬ ОБРАБОТЧИК ДЛЯ СВОИХ КРУТЕЙШИХ ФОРМ!!! Серьезно, это все равно, что выращивать бриллианты, но не иметь прибора, который бы их отковыривал от подложки.(Ну может я льщу себе конечно, но суть вы уловили). Ладно, придет время, решу эту проблему.А пока создадим переключатели.
Переключатели - это те самые кружочки, в которые мы тыкаем, желая отметитиь ОДИН,подходящий нам, ИЗ НЕСКОЛЬКИХ нам же предложенных вариантов. Для того, чтобы сделать переключатель нужно в качестве значения атрибута type элемента INPUT задать radio. Для того чтобы в рамках одной группы вы могли выбрать только один вариант ответа нужно для всех элементов этой группы задать одинаковое имя в атрибуте name. Есть еще атрибут value, который передает выбранное значение долбаному обработчику. Если в среди вариантов есть какой-то, выбор которого наиболее вероятен, тогда можно использовать атрибут checked, он поставит для элемента с этим атрибутом изначально активное положение.
Пример переключателей:
<html>Пример переключателей:
<head>
<title>Переключатели</title>
</head>
<body>
<form>
Ваш пол:<input name="Gender" type="radio"/>Мужской<input name="Gender" type="radio"/>Женский<br/>
Ваш возраст:<input name="Age" type="radio"/>До 18<input name="Age" type="radio"/>18-25<input name="Age" type="radio"/>25-40
<input name="Age" type="radio"/>Не помню</br>
</form>
</body>
</html>
Флажки.
Флажки можно применять аналогично переключателям, только для каждого вопроса можно выбрать несколько вариантов ответа.
Здесь есть существенный момент: в переключателях обработчику передавалось только одно выбранное значение, двух и более быть не могло. Здесь же в качестве ответа на один и тот же вопрос может быть выбрано несколько ответов, соответственно и обработчику их будет передаваться несколько. То есть несколько значений одновременно будут определены для одной и той же переменной. Тут не нужно быть осведомленным программистом, а достаточно вспомнить математику, где для линейных уравнений переменная имела только одно значение. А у нас их несколько. Как быть? А нужно в качестве значения name задать не просто имя
переменной в обработчике(строго говоря это задача программиста, наверное), а массив перменных. Есть такая штука в языках программирования, кому интересно, можете поинтересоваться. Для нас вся разница сводится к тому, что к имени переменной
добавляются[]. Думаю этого пояснения пока будет достаточно.
Значение type для флажков - checkbox. В остальном нет существенной разницы между переключателями и флажками.
Пример:
<html>
<head>
<title>Флажки</title>
</head>
<body>
<form>
Любимые фильмы:</br><input name="Films[]" type="checkbox"/>Молчание ягнят<br/>
<input name="Films[]" type="checkbox"/>Приключения Буратино<br/>
<input name="Films[]" type="checkbox"/>Властелин колец<br/>
<input name="Films[]" type="checkbox"/>Гарри Поттер<br/>
<input name="Films[]" type="checkbox"/>Воды слонам<br/>
<input name="Films[]" type="checkbox"/>Опустевший город<br/>
<input name="Films[]" type="checkbox"/>Австралия<br/>
<input name="Films[]" type="checkbox"/>Охота на уток<br/>
</form>
</body>
</html>
Поел(найдите ошибку в слове) для выбора файла.
Ну это вообще нереальное что-то. Я когда сделал, я чуть не помер от того, какой я крутой(правда я через 15 минут узнал, что наши ученые создали мины(мины, которые на земле) для вертолетов(а они так-то в воздухе) и чуть-чуть мой пыл поубавился).
Так или иначе поле это создается достаточно просто. Для атрибута type назначаете значение file и все.
Ну можно еще длину поля установить с помощью атрибута size.
Пример:
<head>
<title>Загрузка файлов</title>
</head>
<body>
<form>
Ваше фото:<input name="Reg_photo" type="file">
</form>
</body>
</html>
Комментариев нет:
Отправить комментарий