Перечень статей   choose language


Уточняющие атрибуты



Соглашения

тегатрибутсвойствостиль
новые html-терминыlinealingpointdefault
значения новых html-терминовsideromb
старые html-терминыtdidlist
значения старых html-терминовcircle
коммуникационный xmlsoundsyncpower
значения коммуникационного xmlnouser
клавиатурные и мышиные командыenter

Выпадающий список

Часто (и это довольно удобно) меню сайта делают как перечень слов, перечисленных в горизонтальную линию. Дотронешься мышью к такому слову, и появляется выпадающий список, перечисляющий какие части сайта иерархически ниже данного слова. Чтобы прикладной специалист мог создать такое меню и не использовать JavaScript, применим для этого уже известную конструкцию <select> <option> ... <option> </select>

Добавим атрибут text в тег select, который приказывает демонстрировать собственное значение вместо значения первого сложенного тега option и изымает "стрелку вниз" ( ) из изображения тега select.

Внешний вид якоря

В некоторых случаях нужно, чтобы ссылка выглядела как кнопка. Для этого предлагаю в тег a добавить атрибут look, который может принимать два значения: underline (значение по умолчанию) и button.

example_of_link underline (значение по умолчанию)

button

Динамическое обновление значений

Для того, чтобы прикладной специалист мог избежать применения JavaScript в тех случаях, когда значение в текстовом виджете (поле ввода) или в ячейке таблицы автоматически вычисляется на основе значений других html-элементов еще до отправки формы (или вообще без отправки формы), добавим свойство calculate со значениями yes (значение по умолчанию) и no в теги <input type=type> и td, свойство задействуется только если значение в этих тегах начинается со знака "равно" ("="). Далее после знака "равно" через знаки арифметических операций ("+", "-", "*", "/") и круглые скобки перечисляются значения атрибутов id тегов (далее будем называть их используемыми), значения которых используются.

<input type=text value="=id1+id2*(id3-id4)">
<td>                    =id1+id2*(id3-id4)</td>
Если используемыми тегами являются radio- или checkbox-поля, то в арифметическом выражении используются значения их атрибутов value.

Номер элемента списка

Наиболее часто порядковый номер элементов списока начинается от единицы или нуля, но иногда он должен начинаться с другого (положительного или отрицательного) числа, кроме того, иногда нужно пропустить несколько номеров (т.е. номер следующего элемента списка должен быть больше не на единицу, а на произвольное число). Для решения этих задач предлагаю ввести атрибут ser (ser=serial) тега li, который содержит принудительный номер данного элемента списка (номер следующего элемента списка больше этого на единицу, если у него не определен атрибут ser).

<ul>
  <li ser="-10"> phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
  <li ser="0">   phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
  <li ser="100"> phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
  <li>           phrase </li>
</ul>
-10. prase
 -9. prase
 -8. prase
 -7. prase
  0. prase
  1. prase
  2. prase
  3. prase
100. prase
101. prase
102. prase
103. prase

Кнопка "Отправить"

Форма может содержать несколько кнопок "Отправить", отличающихся значениями атрибутов value и text: значение value отправляется на сервер, значение text отображается на кнопке (если атрибут text отсутствует, то на кнопке отображается значение атрибута value).

<input type=submit name=task value=copy   text=operation1>
<input type=submit name=task value=move   text=operation2>
<input type=submit name=task value=delete text=operation3>
Xml-текст, отправляемый на сервер, выглядит так:
<task text=move>

Резюме

Html-атрибуты
тег атрибут значение по умолчанию список возможных значений
select text   any words
A look underline underline, button
<input type=type>, td calculate yes yes, no
li ser 1 any interger
<input type=submit> text   any words



html60author



Перечень статей   choose language


Используются технологии uCoz