Атрибут value тега <param> — значення параметра об'єкта
Атрибута value визначає значення елемента <param>.
Цей атрибут не є обов'язковим, оскільки для аплету або об'єкта цілком достатньо одного імені, що задається атрибутом name.
Цей атрибут використовується разом з атрибутом name, щоб вказати параметри для плагина, визначеного за допомогою тега <object>.
Атрибут value може мати бути будь-яке значення, що підтримується визначеним об'єктом.
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<param value="value">Атрибут value може отримувати єдине значення:
-
value -
Значення параметру. Може використовуватися рядок або число.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
value — значення параметра, який param передавав плагіну (тут autoplay=true). Плагінів більше немає: файл недоступний, object показує запасний вміст; для медіа використовуй <audio>.
<object data="melody.wav" width="300" height="40">
<param name="autoplay" value="true">
Аудіоплагін недоступний — показано запасний вміст object.
</object>Зверху — стара розмітка: object із параметрами й запасним текстом. Видно, що заявлені 300×40 не діють: коробка стиснулась до тексту, бо вміст не завантажився, а сам param не показується ніколи. Знизу — три живі value, які люди й шукають: у полі й у пункті списку значення видно просто в самому елементі, а біля кнопок CSS виводить його через attr(value).
HTML
<p class="head">Мертвий варіант: param усередині object</p>
<div class="stage">
<object data="melodiya.wav" width="300" height="40">
<param name="autoplay" value="true">
<param name="volume" value="60">
Запасний текст: вмісту немає, і коробка стиснулась саме до цього рядка
</object>
</div>
<p class="note">Пунктиром окреслено справжні межі об'єкта. Теґи param усередині є,
але на сторінці їх не видно ніколи — у браузера для них display: none.</p>
<p class="head">Живий value, який шукають насправді</p>
<p><label for="f1">value поля: текст, який уже стоїть у полі й піде на сервер</label></p>
<input id="f1" name="misto" value="Київ">
<p><label for="f2">value пункту: у списку видно «Київ», а надішлеться «kyiv»</label></p>
<select id="f2">
<option value="kyiv">Київ</option>
<option value="lviv">Львів</option>
</select>
<p>value кнопки: дві кнопки однієї форми розрізняються саме ним</p>
<button class="show" name="dia" value="save">Зберегти</button>
<button class="show" name="dia" value="send">Надіслати</button>CSS
.head {
margin: 24px 0 8px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.stage {
max-width: 620px;
padding: 10px 12px;
background: #f6f9ff;
}
object {
outline: 2px dashed #d64545;
outline-offset: 3px;
}
.note {
max-width: 620px;
color: #5a6472;
font-size: .92em;
}
p {
max-width: 620px;
}
label {
font-weight: 600;
}
input,
select,
button {
padding: 6px 8px;
font: inherit;
border: 2px solid #b9c6d8;
border-radius: 4px;
background: #fff;
}
.show::after {
content: " [value: " attr(value) "]";
color: #1b4f9c;
font-family: ui-monospace, monospace;
font-size: .85em;
}
input {
min-width: 220px;
}Коментарі
Коментарів ще немає — будьте першим!