Вкратце о формах - Блог ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Почати безкоштовно

    Обери свою IT спеціальність

    Почати безкоштовно

      Вкратце о формах

      advertisement advertisement

      Введение

      Формы – не самая простая тема в изучении HTML. Перемещаться по странице с контентом – это одно, а вот заполнять поля формы – совсем другое. Вот почему хороша идея добавить несколько элементов к форме.


      Labels

      Все поля формы должны иметь уникальный слой. За это отвечает тег label, что в свою очередь связывается с элементом формы через атрибут for.

      <form>

              <label for="yourName">Your Namelabel>

              <input name="yourName" id="yourName">

      Плюсом использования labels также есть то, что они кликабельны, делая активным текущее поле формы. Атрибуты name и id обязательны: name нужен форме для управления полем, а id - для связи label с ним.

      Группы элементов и их заголовки

      Можно сгруппировать несколько однотипных полей имен (полное имя, фамилия и тд.) или адресов (Адрес1, адрес2, регион, страна, индекс и тд.), используя тег fieldset. Тегом legend определяется оглавление сгруппированных объектов.

      <form action="somescript.php">

              <fieldset>

                  <legend>Namelegend>

                  <p>First name

                      <input name="firstName">p>

                  <p>Last name

                      <input name="lastName">p>

              fieldset>

              <fieldset>

                  <legend>Addresslegend>

                  <p>Address

                      <textarea name="address">textarea>p>

                  <p>Postal code

                      <input name="postcode">p>

              fieldset>

      Большинство браузеров по умолчанию отображает группу элементов в рамке с названием сверху слева. Конечно, при желании все изменяется при помощи CSS.

      Выбор варианта

      Элемент optgroup объединяет в группу варианты выбора. Также нужен атрибут label. Браузеры автоматически сделают выпадающие списки из таких групп.

      <select name="country">

              <optgroup label="Africa">

                  <option value="gam">Gambiaoption>

                  <option value="mad">Madagascaroption>

                  <option value="nam">Namibiaoption>

              optgroup>

              <optgroup label="Europe">

                  <option value="fra">Franceoption>

                  <option value="rus">Russiaoption>

                  <option value="uk">UKoption>

              optgroup>

              <optgroup label="North America">

                  <option value="can">Canadaoption>

                  <option value="mex">Mexicooption>

                  <option value="usa">USAoption>

              optgroup>

          select>

      Поля доступа

      Поля форм (группы элементов) нуждаются в возможности доступа без использования указателей (мыши). На помощь приходят такие элементы, как tab stops и access keys. Атрибуты access key и tabindex добавляются в теги input и legend.

      <input name="firstName" accesskey="f" tabindex="1">

      Источник: http://www.htmldog.com/guides/html/advanced/forms/

      КОМЕНТАРІ ТА ОБГОВОРЕННЯ
      advertisement advertisement

      Пакети підписки з доступом до всіх курсів та сервісів

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      49.99 $
      37.50 $
      Підписка
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      89.99 $
      63.00 $
      Підписка
      Преміум
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      169.99 $
      102.00 $
      Підписка
      new
      Преміум Plus
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      • Завантаження відео уроків
      199.99 $
      120.00 $
      Підписка
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.