book51.ru

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== HTML атрибут: dirname (имя каталога) ======
Атрибут ''dirname'' можно использовать для [[software:development:web:docs:Web:HTML:Element:textarea|<textarea>]] элементов [[software:development:web:docs:Web:HTML:Element:input|<input>]] и он описывает направление текстового содержимого элемента во время отправки формы. Браузер использует значение этого атрибута, чтобы определить, ориентирован ли введенный пользователем текст слева направо или справа налево. При использовании значение направленности текста элемента включается в данные отправки формы вместе со ''dirname'' значением атрибута в качестве имени поля.

=====Примечания по использованию=====
Атрибут ''dirname'' можно использовать для любого [[software:development:web:docs:Web:HTML:Element:textarea|<textarea>]] элемента или любого [[software:development:web:docs:Web:HTML:Element:input|<input>]] элемента с типом [[software:development:web:docs:Web:HTML:Element:input:text|text]], [[software:development:web:docs:Web:HTML:Element:input:search|search]], [[software:development:web:docs:Web:HTML:Element:input:tel|tel]], [[software:development:web:docs:Web:HTML:Element:input:url|url]] или [[software:development:web:docs:Web:HTML:Element:input:email|email]].

Формат передаваемых данных — ''{dirname_value}={direction}'' это ''{dirname_value}'' значение атрибута ''dirname'' 
 и ''{direction}'' направление текста. Например, если пользователь вводит «Hello» в элементе с атрибутами ''name="comment"'' и ''dirname="comment-direction"'', данные отправки формы в URL-кодировке для GET запросов будут иметь вид ''comment=Hello&comment-direction=ltr''. Направленность является одной из следующих:

{{tablelayout?colwidth="200px"}}

|rtl|Текст, вводимый пользователем, пишется справа налево.|
|ltr|Текст, вводимый пользователем, ведется слева направо.|

Если направление текста не указано, пользовательский агент будет использовать направление родительского элемента, содержащего форму, а если оно не указано, направление пользовательского агента по умолчанию.

===== Примеры =====
====Направленность элемента Textarea====
В этом примере ''dir="auto"'' атрибут элемента textarea позволяет автоматически определять направление текста на основе текста, введенного пользователем:
<code html HTML>
<form method="get" action="https://www.example.com/submit">
  <textarea name="comment" dir="auto" dirname="comment-direction">سيب</textarea>
  <textarea name="comment" dir="auto" dirname="comment-direction">example</textarea>
  <br>
  <button type="submit">Send my greetings</button>
</form>
</code>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-dirname.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

Когда пользователь отправляет форму, пользовательский агент включает два поля: одно вызывается ''comment'' со значением «سيب», а другое — ''comment-direction'' со значением «rtl». Тело отправки в URL-коде выглядит следующим образом:

<code html URL>
https://www.example.com/submit?comment=%D8%B3%D9%8A%D8%A8&comment-direction=rtl
</code>

====Направленность входного элемента====
В этом примере ''dir="auto"'' атрибут элемента ввода позволяет автоматически определять направление текста на основе текста, введенного пользователем:

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-dirname-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

Когда пользователь отправляет форму, пользовательский агент включает два поля: одно со ''comment-input'' значением «Hello», а другое ''comment-direction'' со значением «ltr»:

<code html URL>
https://www.example.com/submit?comment-input=Hello&comment-direction=ltr
</code>

====Наследование направленности ====
Следующие элементы ''<input>'' и ''<textarea>'' не имеют ''dir'' атрибута, поэтому они наследуют явную направленность своего родительского элемента, а именно rtl:

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-dirname-2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

Тело отправки в URL-коде выглядит следующим образом:

<code html URL>
https://www.example.com/submit?user=LTR+Username&user-direction=rtl&comment=LTR+Comment&comment-direction=rtl
</code>