Nick Nick (boxer97) wrote in seo_blog_site,
Nick Nick
boxer97
seo_blog_site

Чекбоксы html

В этой статье вы узнаете, как сделать чекбокс в html. Чекбоксы html являются альтернативой радиокнопкам. Если с помощью радиокнопок мы давали пользователю возможность выбора одного варианта из нескольких, то  с помощью чекбоксов пользователь при ответе на вопрос может поставить галочки напротив нескольких вариантов ответов. У радиокнопок тоже имеется такая возможность, но их свойственно ставить все-таки тогда, когда нужно выбрать один вариант ответа.


Итак, с помощью чекбоксов мы даем возможность пользователю ответить на вопрос несколькими вариантами ответов. Как же внедряются чекбоксы в html-документ? Чекбокс html создается точно так же, как и радиокнопка с помощью тега <input>. Если вы читали мои другие статьи по html, то могли заметить, что с помощью тега <input> создаются многие другие полезные элементы html-страницы.
Для того чтобы в html-странице был чекбокс, достаточно атрибуту type придать значение «checkbox».
А теперь все точно так же, как и для радиокнопки. Даем описание, имя и ставим метки.
По аналогии можно добавить еще несколько вариантов.
Точно так же как и к радиокнопкам можно добавить атрибут «checked». Это делается для того, чтобы изначально выделить популярный вариант ответа.
Здесь же хотел бы еще рассказать об еще одном интересном атрибуте. Этот атрибут можно применять практически ко всем элементам формы. Это атрибут «disabled». Этот атрибут позволяет заблокировать элемент и временно не давать его использовать. Кстати сказать, это еще один атрибут, который мы используем без значения. Точно также как и атрибут «checked».
Допустим, не дадим пользователям отмечать вариант ответа «Не пытаюсь».
Как мы видим, вариант ответа «Не пытаюсь» немного потух и его отметить нельзя.
Надеюсь, что вам понравился данный материал, и вы обязательно его примените на практике.

Элемент выбора в форме (select)
В этой статье вы узнаете, как сделать в html элемент выбора из выпадающего списка.
Допустим, у нас имеется какая-то форма, и мы в нее хотим включить вопрос, на который пользователю приходилось бы отвечать с помощью выпадающего списка. В html это делается с помощью парного тега <select>. C английского этот тег переводится как «выбор», т.е. предоставляется "выбор" из выпадающего списка. Это очень удобно, когда необходимо предоставить выбор варианта ответа из нескольких. Таким образом,  с помощью <select>…</select> создается контейнер для опроса. А с помощью парного тега <оption> создаются пункты из выпадающего списка.
Давайте попробуем использовать эти знания. Придумаем какой-нибудь вопрос, на который нужно ответить с помощью выпадающего списка.
Как вы видите, создается контейнер <select>, в который помещаются пункты, с помощью тега <option>.
Таким образом, можно добавить несколько вариантов ответа.
Что еще можно делать с этой формой?
С помощью атрибута size можно изменить внешний вид. Изначально, когда загружается страница с формой, виден только 1 вариант ответа. Можно сделать так, чтобы сразу было видно несколько вариантов ответа.
Можно изменить начальное значение при показе формы. Допустим, мы знаем, что люди обычно скуривают 1 пачку в день. И наша задача сделать так, чтобы этот вариант был изначально показан при показе формы. Делается это с помощью атрибута selected.
Совет: Каждой форме необходимо давать имя.
Это необходимо делать, так как обработчик будет обращаться к форме по имени.
Желаю вам удачи в изучении html!
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic
  • 2 comments