Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 2, średnia ocena: 5,00)
Loading ... Loading ...

Atrybut dirname

Atrybut dirname służy do przesyłania informacji o kierunku tekstu w elemencie formularza poprzez podanie nazwy elementu zawierającego tę wartość podczas zatwierdzania tego formularza. Jeśli atrybut ten zostanie zdefiniowany, nie może mieć jako wartości pustego łańcucha.

Przykłady użycia

Gdy użytkownik zatwierdzi poniższy formularz, przeglądarka wyśle trzy pola: comment, comment.dir oraz mode. Jeżeli zatem użytkownik wpisze w polu tekstowym Witaj, to do serwera przesłany zostanie następujący łańcuch wartości:

comment=Witaj&comment.dir=ltr&mode=add

Gdyby natomiast użytkownik zmienił kierunek tekstu na od prawej, i wpisał tekst مرحبًا, to do serwera mogłoby zostać wysłane coś takiego:

comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&comment.dir=rtl&mode=add

<form action="addcomment.cgi" method=post>
  <p><label>Comment: <input type=text name="comment" dirname="comment.dir" required></label></p>
  <p><button name="mode" type=submit value="add">Post Comment</button></p>
</form>

Przykład zaczerpnięty ze strony http://dev.w3.org/html5/spec-author-view/common-input-element-attributes.html#the-dirname-attribute

Składnia atrybutu dirname

<nazwa_elementu dirname="nazwa_elementu" />

Elementy związane z atrybutem dirname

Atrybut sandbox dotyczy elementów input i textarea.

Wartości atrybutu dirname

Wartość Opis
nazwa_elementu Nazwa elementu, którego kierunek tekstu ma być zastosowany

Obsługa atrybutu dirname przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer
? ? ? ? ?

Różnice między HTML 4.01 a HTML 5

Atrybut dirname jest nowością języka HTML 5.

Inne artykuły poruszające podobny temat

Formularze HTML5

Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Pseudoklasy CSS3 i formularze HTML5 - ikona

Pseudoklasy CSS3 i formularze HTML5

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!