textarea - Kurs HTML i CSS
HTML5 / Klawisz Enter <... enterkeyhint>(interpretuje: Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
(interpretuje: Internet Explorer 10, Firefox 2, Opera 11.5, Chrome 9) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element spellcheck> Elementy bez znacznika zamykającego - wersja rozszerzona: <element spellcheck="pisownia"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element spellcheck>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne...
- HTML5 / Blokada autokorekty <... autocorrect>
(interpretuje: Safari z wartościami true/false zamiast on/off) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element autocorrect> Elementy bez znacznika zamykającego - wersja rozszerzona: <element autocorrect="autokorekta"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element autocorrect>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element autocorrect="autokorekta">...</element> element Znaczniki...
Rozmiary CSS / Przeciąganie {resize}...w ten sposób pola formularza, gdyż może to wywołać niekontrolowane zmiany wyglądu całego formularza. W takiej sytuacji przydatny może być styl: textarea { resize: none } Nie zaleca się jednak blokowania w każdej sytuacji możliwości zmiany rozmiaru obszaru tekstowego, ponieważ może to skutecznie uprzykrzyć życie użytkownikom. O ile czasami zmiana szerokości pola może zaburzyć układ strony, to wpływanie przez użytkownika na wysokość raczej nie powinno spowodować żadnych błędów. Zatem...
- Formularze HTML / Pole tekstowe <input "text">
Spis treści <input "text"> Pole tekstowe <input "text"> Odpowiedź domyślna <input "text" value> Długość pola <input "text" size> Maksymalna ilość znaków, które można wpisać do pola <input "text" maxlength> Pole tylko do odczytu <input "text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa...
- Formularze HTML / Pole wyboru <input "checkbox">
Spis treści <input "checkbox"> Pole wyboru <input "checkbox"> Domyślne zaznaczenie pola <input "checkbox" checked> Blokada pola <input "checkbox" disabled> Etykieta <label> Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Dynamiczne ukrywanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą...
- Formularze HTML / Przycisk <button>
<button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...
Formularze HTML / Podcast HTML...Opanuj formularze HTML! Twórz interaktywne ankiety i formularze zamówień. Poznaj elementy: pola tekstowe, hasła, checkbox/radio, listy select i textarea. Dowiedz się, jak bezpiecznie przesyłać dane (SSL) i stosować JavaScript do walidacji przed wysłaniem. 🔊 Posłuchaj podcastu HTML
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...usun_pl(formularz) { for (i = 0; i < formularz.length; i++) { var pole = formularz.elements[i]; if (pole.type != "text" && pole.type != "textarea") continue; var str = ""; for (j = 0; j < pole.value.length; j++) { switch (pole.value.charAt(j)) { case "ą": str += "a"; break; case "ć": str += "c"; break; case "ę": str += "e"; break; case "ł": str += "l"; break; case "ń": str += "n"; break; case "ó": str += "o"; break; case "ś": str += "s...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...