отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<legend>

  • 78

  • 0

  • Нравится

    0

  • Код:568747009805

для создания заголовка группы
Задайте вопрос продавцу

<legend>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<legend>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     Группа элементов обозначается в браузере с помощью рамк

Описание

Тег <legend> применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.

Синтаксис

<fieldset>
  <legend>Текст</legend>
</fieldset>

 

Атрибуты

accesskey - Переход к группе элементов формы с помощью комбинации клавиш.

align - Определяет выравнивание текста.

title - Добавляет всплывающую подсказку к тексту заголовка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег LEGEND</title>
 </head>
 <body>  

  <fieldset>
   <legend>Работа со временем</legend>
   <p><input type="checkbox"> создание пунктуальности (никогда не 
    будете никуда опаздывать);<Br>
    <input type="checkbox"> излечение от пунктуальности (никогда 
    никуда не будете торопиться);<Br>
    <input type="checkbox"> изменение восприятия времени и часов.</p>
   </fieldset>

 </body>
</html>

 

Вид рамки и текста заголовка может различаться в разных браузерах. Например, в браузере Safari (рис. 1) рамка прямоугольная, а в Internet Explorer (рис. 2) рамка имеет скругленные углы.

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
<form>
  <fieldset>
    <legend>Персональные данные:</legend>
    Имя: <input type="text"><br>
    mail: <input type="text"><br>
    Дата рождения: <input type="text">
  </fieldset>
</form>

 

<html>
<body>
<form action="">
<fieldset>
<legend>Коротко о себе:</legend>
<input type="text" size="25" /> Имя<br />
<input type="text" size="25" /> Фамилия<br />
<input type="submit" value="Отправить" />
</fieldset>
</form>
</body>
</html>

Синтаксис тега:

<LEGEND> текст </LEGEND>

Атрибуты тега

Тег LEGEND поддерживает глобальные атрибуты и события.
Атрибут ALIGN не поддерживается HTML 5.
Атрибуты ACCESSKEY и TITLE не поддерживается браузерами Android и iOS.
 

<html>
    <head>
        <title>Пример тег LEGENDа</title>
    </head>
    <body>
       <form>
             <fieldset>
                  <legend>Личные данные:</legend>
                 Имя: <input type="text" size="30" /><br />
                 email: <input type="text" size="30" /><br />
                Дата рождения: <input type="text" size="10" />
             </fieldset>
       </form>
    </body>
</html> 


 

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи