Autor publikacji
Virtual Patriot - Administrator

textarea

Data publikacji
Ostatnio edytowano

Przeznaczenie elementu textarea

Element textarea reprezentuje element HTML, do którego użytkownik może wprowadzić wielowierszowy ciąg znaków.

Dodatkowe artykuły związane z elementem textarea

Informacje techniczne o elemencie textarea

kategoria ogólna
kontekst zewnętrzny

element HTML, który tworzy wewnętrzny kontekst frazowany

Przykładowy Kod HTML

<form>
  <fieldset>
    <legend>Miejsce na Twój komentarz</legend>
    <textarea></textarea>
  </fieldset>

  <button type="submit">zatwierdź</button>
</form>

Kontekstem zewnętrznym przykładowego elementu "textarea" jest element "fieldset". Wspomniany element "fieldset" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst frazowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "fieldset", jest prawidłowym kontekstem zewnętrznym dla elementu "textarea".

kontekst wewnętrzny

zawartość tekstowa

Przykładowy Kod HTML

<form>
  <fieldset>
    <legend>Miejsce na Twój komentarz</legend>
    <textarea></textarea>
  </fieldset>

  <button type="submit">zatwierdź</button>
</form>

Kontekstem wewnętrznym przykładowego elementu "textarea" jest wyłącznie pusty ciąg znaków. Wspomniany pusty ciąg znaków jest jednym z elementów, które należą do kategorii zawartość tekstowa, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli pusty ciąg znaków, jest prawidłowym kontekstem wewnętrznym dla elementu "textarea".

Przykładowy Kod HTML

<form>
  <fieldset>
    <legend>Edycja komentarza</legend>
    <textarea>treść przykładowego komentarza</textarea>
  </fieldset>

  <button type="submit">zatwierdź</button>
</form>

Kontekstem wewnętrznym przykładowego elementu "textarea" jest wyłącznie zawartość tekstowa, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli ciąg znaków "treść przykładowego komentarza", jest prawidłowym kontekstem wewnętrznym dla elementu "textarea".

wymagane elementy dzieci

brak

wymagane atrybuty

atrybut cols, lecz tylko wtedy gdy dany element textarea posiada atrybut wrap o wartości hard

zdolność fallback

nie dotyczy

składnia HTML

<textarea> ... </textarea>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

nigdy

CSS display

inline-block

Przypuszczalnie domyślne reguły CSS elementu textarea

textarea {
  display:inline-block;
  resize:both;
  font-size:13px;
  font-family:monospace;
  background-color:white;
  color:black;
  padding:2px;
  margin-top:1px;
  margin-bottom:1px;
  border-width:1px;
  border-style:inset;
  border-color:black;
  box-shadow:0 0 2px 1px red;
  /*
    właściwość "box-shadow" w tym wypadku uaktywnia się,
    w momencie gdy zasada,
    którą określa atrybut "required" danego elementu "textarea",
    nie została spełniona przez użytkownika
  */
}

textarea:focus {
  border-color:blue;
  outline-color:blue;
}

textarea:hover {
  border-color:blue;
}

textarea:disabled {
  cursor:default;
  background-color:#DDD;
  color:#888;
  border-color:#888;
  outline-color:#888;
}

Interpretacja elementu textarea

Firefox

tak

Nie interpretuje atrybutu dirname oraz wrap.

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Interpretuje atrybut autofocus, placeholder oraz required, lecz od wersji "10".

Nie interpretuje atrybutu dirname, form oraz minlength.

Edge

tak

Opis atrybutów elementu textarea

Atrybut Lokalny

autocomplete

Przeznaczenie atrybutu autocomplete

Atrybut autocomplete wykorzystany wraz z elementem textarea pozwala nam określić czy w momencie wprowadzania wartości do danego elementu textarea (przez użytkownika) mechanizm automatycznych podpowiedzi powinien być włączony, czy też nie.

Atrybut "autocomplete" elementu "textarea" ma pierwszeństwo przed atrybutem autocomplete elementu form, z którym został powiązany dany element "textarea", jeżeli takie powiązanie istnieje.

Wartość domyślna

on (w każdej sytuacji)

Wartości atrybutu autocomplete

on

Wartość on oznacza, że mechanizm automatycznych podpowiedzi ma być włączony.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" autocomplete="on"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W momencie wprowadzania wartości do przykładowego elementu "textarea" (przez użytkownika) mechanizm automatycznych podpowiedzi jest włączony, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "autocomplete" wraz z wartością "on".

off

Wartość off oznacza, że mechanizm automatycznych podpowiedzi ma być wyłączony.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" autocomplete="off"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W momencie wprowadzania wartości do przykładowego elementu "textarea" (przez użytkownika) mechanizm automatycznych podpowiedzi jest wyłączony, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "autocomplete" wraz z wartością "off".

Atrybut Lokalny

autofocus

Przeznaczenie atrybutu autofocus

Atrybut autofocus wykorzystany wraz z elementem textarea pozwala nam określić czy dany element textarea powinien być traktowany przez przeglądarkę internetową jako element HTML, na którym w pierwszej kolejności powinien skupić się użytkownik.

Maksymalnie tylko jeden element HTML znajdujący się w zawartości tego samego dokumentu HTML może posiadać atrybut "autofocus".

Wartość domyślna

BRAK (gdy pominęliśmy atrybut)

wartość pusta (gdy nie podaliśmy wartości)

Wartości atrybutu autofocus

autofocus

Atrybut autofocus jest atrybutem logicznym elementu textarea.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <p>
        <label>
          Podaj imię:
          <input type="text" name="imie">
        </label>
      </p>

      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" autofocus></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Przykładowy element "textarea" jest aktywny, gdyż przykładowy element "textarea" jest traktowany przez przeglądarkę internetową jako element HTML, na którym w pierwszej kolejności powinien skupić się użytkownik, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "autofocus".

Atrybut Lokalny

cols

Przeznaczenie atrybutu cols

Atrybut cols wykorzystany wraz z elementem textarea pozwala nam określić domyślną maksymalną liczbę znaków, które mogą mieścić się w każdym kolejnym wierszu danego elementu textarea.

Atrybut "cols" jest atrybutem wymaganym elementu "textarea", lecz tylko wtedy gdy dany element "textarea" posiada atrybut wrap o wartości hard.

Wartość domyślna

20 (w każdej sytuacji)

Wartości atrybutu cols

liczba

Należy podać liczbę całkowitą większą od zera.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" cols="15"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Domyślną maksymalną liczbą znaków, które mogą mieścić się w każdym kolejnym wierszu przykładowego elementu "textarea", jest liczba "15", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "cols" wraz z wartością "15".

Atrybut Lokalny

dirname

Przeznaczenie atrybutu dirname

Atrybut dirname wykorzystany wraz z elementem textarea pozwala nam określić dodatkową nazwę, jaka powinna zostać przypisana do danego elementu textarea oraz jaką powinna posiadać dodatkowa dana reprezentowana przez dany element textarea, czyli dana przechowująca informację o kierunku tekstu, jaki posiada dany element textarea.

Informacja w postaci wartości ltr przechowywana przez daną oznacza kierunek od lewej do prawej, natomiast informacja w postaci wartości rtl przechowywana przez daną oznacza kierunek od prawej do lewej.

Ponadto docelowa dana może zostać wykorzystana przez jeden z mechanizmów przeglądarki internetowej podczas procesu, który następuje po zatwierdzeniu formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany dany element textarea.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu dirname

dodatkowa nazwa

Należy podać niepusty ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującej nas dodatkowej nazwy.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" dirname="kierunek"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Dodatkową nazwą, jaka została przypisana do przykładowego elementu "textarea", jest nazwa "kierunek", dlatego dodatkowa dana reprezentowana przez przykładowy element "textarea" będzie posiadała nazwę "kierunek", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "dirname" wraz z wartością "kierunek".

Atrybut Lokalny

disabled

Przeznaczenie atrybutu disabled

Atrybut disabled wykorzystany wraz z elementem textarea pozwala nam określić czy dany element textarea powinien zostać wyłączony z interakcji z użytkownikiem.

Dana reprezentowana przez element "textarea", który jest wyłączony z interakcji z użytkownikiem, nie jest brana pod uwagę przez jeden z mechanizmów przeglądarki internetowej podczas procesu, który następuje po zatwierdzeniu formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany wspomniany wyłączony z interakcji element "textarea".

Wartość domyślna

BRAK (gdy pominęliśmy atrybut)

wartość pusta (gdy nie podaliśmy wartości)

Wartości atrybutu disabled

disabled

Atrybut disabled jest atrybutem logicznym elementu textarea.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <p>
        <label>
          Podaj imię:
          <input type="text" name="imie">
        </label>
      </p>

      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" disabled>opcja wyłączona</textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Przykładowy element "textarea" został wyłączony z interakcji z użytkownikiem, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "disabled".

Atrybut Lokalny

form

Przeznaczenie atrybutu form

Atrybut form wykorzystany wraz z elementem textarea pozwala nam określić informację o tym, z którym elementem form powinien zostać powiązany dany element textarea.

Domyślnie element "textarea" jest powiązany z najbliższym elementem przodkiem będącym elementem form, jeżeli taki istnieje.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu form

form id

Należy podać wartość atrybutu id interesującego nas elementu form.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php" id="formularz-1">
      <label>
        Podaj imię:
        <input type="text" name="imie">
      </label>

      <button type="submit">zatwierdź</button>
    </form>

    <fieldset>
      <legend>Miejsce na komentarz</legend>
      <textarea name="komentarz" form="formularz-1"></textarea>
    </fieldset>

  </body>
</html>

Rezultat

Miejsce na komentarz

Przykładowy element "textarea" został powiązany z elementem "form" posiadającym atrybut "id" o wartości "formularz-1", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "form" wraz z wartością "formularz-1".

Atrybut Lokalny

maxlength

Przeznaczenie atrybutu maxlength

Atrybut maxlength wykorzystany wraz z elementem textarea pozwala nam określić maksymalną liczbę znaków, z jakich może składać się wartość, która może zostać przypisana do danego elementu textarea oraz którą może posiadać dana reprezentowana przez dany element textarea.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu maxlength

liczba

Należy podać nieujemną liczbę całkowitą.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" maxlength="20"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Wartość, która może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", maksymalnie może składać się z dwudziestu znaków, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "maxlength" wraz z wartością "20".

Docelowa wartość nie może być mniejsza niż wartość atrybutu minlength danego elementu "textarea".

Atrybut Lokalny

minlength

Przeznaczenie atrybutu minlength

Atrybut minlength wykorzystany wraz z elementem textarea pozwala nam określić minimalną liczbę znaków, z jakich powinna składać się wartość, która może zostać przypisana do danego elementu textarea oraz którą może posiadać dana reprezentowana przez dany element textarea.

Mowa tu o wartości, która nie jest wartością pustą w momencie próby zatwierdzenia formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany dany element textarea.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu minlength

liczba

Należy podać nieujemną liczbę całkowitą.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" minlength="10"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W sytuacji gdy wartość, która może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", nie będzie wartością pustą, w momencie próby zatwierdzenia formularza HTML przez użytkownika, wtedy wspomniana wartość musi składać się przynajmniej z dziesięciu znaków, ponieważ do wspomnianego elementu "textarea", który został powiązany z formularzem HTML reprezentowanym przez element "form", został dodany atrybut "minlength" wraz z wartością "10".

Docelowa wartość nie może być większa niż wartość atrybutu maxlength danego elementu "textarea".

Atrybut Lokalny

name

Przeznaczenie atrybutu name

Atrybut name wykorzystany wraz z elementem textarea pozwala nam określić nazwę, jaka powinna zostać przypisana do danego elementu textarea oraz jaką powinna posiadać dana reprezentowana przez dany element textarea.

Docelowa nazwa między innymi może zostać wykorzystana przez jeden z mechanizmów przeglądarki internetowej podczas procesu, który następuje po zatwierdzeniu formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany dany element textarea.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu name

nazwa

Należy podać niepusty ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującej nas nazwy.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Nazwą, jaka została przypisana do przykładowego elementu "textarea", jest nazwa "komentarz", dlatego dana reprezentowana przez przykładowy element "textarea" będzie posiadała nazwę "komentarz", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "name" wraz z wartością "komentarz".

Atrybut Lokalny

placeholder

Przeznaczenie atrybutu placeholder

Atrybut placeholder wykorzystany wraz z elementem textarea pozwala nam określić treść w postaci tekstu pełniącego rolę podpowiedzi dla użytkownika, jaka powinna pojawić się w widocznym obszarze danego elementu textarea w momencie gdy wartość, która może zostać przypisana do danego elementu textarea oraz którą może posiadać dana reprezentowana przez dany element textarea, jest wartością pustą.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu placeholder

tekst

Należy podać ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującego nas tekstu.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" placeholder="wprowadź treść swojego komentarza"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W momencie gdy wartość, która może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", będzie wartością pustą, wtedy w widocznym obszarze przykładowego elementu "textarea" będzie widoczna treść w postaci ciągu znaków "wprowadź treść swojego komentarza", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "placeholder" wraz z wartością "wprowadź treść swojego komentarza".

Atrybut Lokalny

readonly

Przeznaczenie atrybutu readonly

Atrybut readonly wykorzystany wraz z elementem textarea pozwala nam określić czy wartość, jaka została przypisana do danego elementu textarea oraz którą może posiadać dana reprezentowana przez dany element textarea, powinna pełnić rolę wartości tylko do odczytu, czyli takiej wartości, która nie może zostać zmieniona przez użytkownika.

Wartość domyślna

BRAK (gdy pominęliśmy atrybut)

wartość pusta (gdy nie podaliśmy wartości)

Wartości atrybutu readonly

readonly

Atrybut readonly jest atrybutem logicznym elementu textarea.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <fieldset>
      <legend>Przykładowy komentarz</legend>
      <textarea readonly>treść przykładowego komentarza</textarea>
    </fieldset>

  </body>
</html>

Rezultat

Przykładowy komentarz

Wartość, jaka została przypisana do przykładowego elementu "textarea" oraz którą posiada dana reprezentowana przez przykładowy element "textarea", pełni rolę wartości tylko do odczytu, czyli takiej wartości, która nie może zostać zmieniona przez użytkownika, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "readonly".

Atrybut Lokalny

required

Przeznaczenie atrybutu required

Atrybut required wykorzystany wraz z elementem textarea pozwala nam określić czy wartość, jaka może zostać przypisana do danego elementu textarea oraz którą może posiadać dana reprezentowana przez dany element textarea, powinna posiadać cechy wartości wymaganej, czyli takiej wartości, która nie może być wartością pustą w momencie próby zatwierdzenia formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany dany element textarea.

Wartość domyślna

BRAK (gdy pominęliśmy atrybut)

wartość pusta (gdy nie podaliśmy wartości)

Wartości atrybutu required

required

Atrybut required jest atrybutem logicznym elementu textarea.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" required></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Wartość, jaka może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", jest wartością posiadającą cechy wartości wymaganej, ponieważ do wspomnianego elementu "textarea" został dodany atrybut "required".

Atrybut Lokalny

rows

Przeznaczenie atrybutu rows

Atrybut rows wykorzystany wraz z elementem textarea pozwala nam określić domyślną liczbę wierszy, z których powinien być zbudowany dany element textarea.

Wartość domyślna

2 (w każdej sytuacji)

Wartości atrybutu rows

liczba

Należy podać liczbę całkowitą większą od zera.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" rows="5"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

Domyślną liczbą wierszy, z których zbudowany jest przykładowy element "textarea", jest liczba "5", ponieważ do wspomnianego elementu "textarea" został dodany atrybut "rows" wraz z wartością "5".

Atrybut Lokalny

wrap

Przeznaczenie atrybutu wrap

Atrybut wrap wykorzystany wraz z elementem textarea pozwala nam określić czy automatycznie powstające na końcu szerokości danego elementu textarea znaki przejścia do nowej linii powinny zostać dołączone do wartości, którą może posiadać dana reprezentowana przez dany element textarea.

Docelowe dołączenie nastąpi w momencie zatwierdzenia formularza HTML przez użytkownika, z którym to formularzem HTML został powiązany dany element textarea.

Gdy wartością atrybutu method formularza HTML, z którym został powiązany dany element "textarea", jest wartość get, wtedy znaki przejścia do nowej linii w adresie URL będą posiadały formę ASCII HEX, a każdy znak przejścia do nowej linii zostanie oznaczony jako "%0D%0A".

Wartość domyślna

soft (w każdej sytuacji)

Wartości atrybutu wrap

hard

Wartość hard oznacza, że automatycznie powstające na końcu szerokości danego elementu textarea znaki przejścia do nowej linii zostaną dołączone do wartości posiadanej przez daną.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" cols="15" wrap="hard"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W sytuacji gdy, w momencie zatwierdzenia formularza HTML przez użytkownika, wartość, która może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", w którymś miejscu nie będzie mieściła się w granicy szerokości przykładowego elementu "textarea", wtedy do wspomnianej wartości zostaną dołączone dodatkowe znaki przejścia do nowej linii, ponieważ do wspomnianego elementu "textarea", który został powiązany z formularzem HTML reprezentowanym przez element "form", został dodany atrybut "wrap" wraz z wartością "hard".

soft

Wartość soft oznacza, że automatycznie powstające na końcu szerokości danego elementu textarea znaki przejścia do nowej linii nie zostaną dołączone do wartości posiadanej przez daną.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <fieldset>
        <legend>Miejsce na komentarz</legend>
        <textarea name="komentarz" cols="15" wrap="soft"></textarea>
      </fieldset>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Miejsce na komentarz

W sytuacji gdy, w momencie zatwierdzenia formularza HTML przez użytkownika, wartość, która może zostać przypisana do przykładowego elementu "textarea" oraz którą może posiadać dana reprezentowana przez przykładowy element "textarea", w którymś miejscu nie będzie mieściła się w granicy szerokości przykładowego elementu "textarea", wtedy do wspomnianej wartości nie zostaną dołączone dodatkowe znaki przejścia do nowej linii, ponieważ do wspomnianego elementu "textarea", który został powiązany z formularzem HTML reprezentowanym przez element "form", został dodany atrybut "wrap" wraz z wartością "soft".