Формы Flashcards

1
Q

Атрибут novalidate (не проверять)

<form>...</form>

A

Формы. Отменяет встроенную проверку данных введенных пользователем в форме на корректность. Такая проверка осуществляется браузером автоматически при отправке формы на сервер и происходит для полей <input></input>, <input></input>, а также при наличии атрибута pattern или required.

<form>
<p><input></input></p>
<p><input></input></p>
<p><input></input></p>
<p><input></input></p>
</form>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

“<keygen></keygen></keygen>”

<form>
<keygen></keygen></keygen>
</form>

A

Формы. Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

“<output>
</output>”

(выкладывать)

A

Формы. Определяет область в которую выводится информация, преимущественно с помощью скриптов.

<form>
<p>Введите длину в сантиметрах:
<input></input></p>
<p>Длина в дюймах: <output>0</output></p>
</form>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

“<option></option>”

<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>

A

Формы. Тег <option> определяет отдельные пункты списка, создаваемого с помощью контейнера <select>. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.</select></option></select></option>

<form>
<p><select>
<option>Выберите героя</option>
<option>Чебурашка</option>
<option>Крокодил Гена</option>
<option>Шапокляк</option>
<option>Крыса Лариса</option>
</select></p>
<p><input></input></p>
</form>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

“<optgroup></optgroup>”

<select></select>

<optgroup>
<option>...</option>
</optgroup>

</select>

A

Формы. Тег <optgroup> представляет собой контейнер, внутри которого располагаются теги <option> объединенные в одну группу. Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.</option>

<form>
<p><select>
<optgroup>
<option>Апельсиновый</option>
<option>Лимонный</option>
<option>Персиковый</option>
</optgroup>
<optgroup>
<option>Светлый</option>
<option>Нормальный</option>
<option>Темный</option>
</optgroup>
</select></p>
<p><input></input></p>
</form>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

“<legend>Текст</legend>”

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

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly