Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov
<form>
<button>
<datalist>
<fieldset>
<input>
События
button
checkbox
color
date
file
hidden
number
password
radio
range
reset
submit
text
<keygen>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>
<button>
<datalist>
<fieldset>
<input>
События
button
checkbox
color
date
file
hidden
number
password
radio
range
reset
submit
text
<keygen>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>
Заголовок группы элементов формы <legend>
Тег <legend> определяет заголовок группы элементов формы.
Для тега <legend> доступны общие атрибуты и атрибуты обработки событий.
Большинство браузеров отображают элемент legend со следующими значениями стилей:
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
Пример формы, элементы которой образуют группу с заголовком "Ваш комментарий"
<form>
<fieldset style="border: 1px solid grey; padding: 10px; width: 100%;">
<legend style="padding: 0 10px;">Ваш комментарий</legend>
<p>
Вы можете разместить на сайте комментарий, касающийся данной статьи.
</p>
<p>
<label>
<span style="width: 80px; display: inline-block;">Имя:</span>
<input type="text" name="name">
</label>
</p>
<p>
<label>
<span style="width: 80px; display: inline-block;">E-mail:</span>
<input type="email" name="email">
</label>
</p>
<p>
<label>
Комментарий: <textarea style="width: 100%;" name="comment"></textarea>
</label>
</p>
<input value="ОТПРАВИТЬ" type="submit">
</fieldset>
</form>
РЕЗУЛЬТАТ:
.
Прокомментировать/Отблагодарить