pole tekstowe - Kurs HTML i CSS
Formularze HTML / Pole tekstowe <input "text">...<input "text" disabled> <input type="text" name="nazwa" disabled> Wstawienie atrybutu disabled powoduje zablokowanie pola. UWAGA! Zablokowane pole w ogóle nie jest przesyłane z danymi formularza. Przykład <input "text" disabled> To pole jest zablokowane (disabled). Tabulator <input "text" tabindex> Wiele osób wypełniając formularze przenosi się do kolejnych pól nie za pomocą myszki, ale klawisza tabulatora (Tab), a powraca do poprzedniego pola za pomocą kombinacji Shift+Tab. Taki...
- Formularze HTML / Pole wyboru <input "checkbox">
...jest tutaj absolutnie konieczny - musi on być inny dla każdej możliwości odpowiedzi! Polecenie to spowoduje wyświetlenie pola w postaci kwadratu (pole wyboru), które można zaznaczyć, a także "odznaczyć", myszką. Dzięki niemu możesz wprowadzić pytanie, przy którym można wybrać kilka spośród podanych gotowych odpowiedzi. Dla zaawansowanych Jeśli zamierzasz wykorzystać formularz w skrypcie po stronie klienta (np. JavaScript), każde pole tego typu powinno posiadać dodatkowo unikalny...
- Formularze HTML / Obszar tekstowy <textarea>
...ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza przez użytkownika, który wypełnia formularz. Można także podać między znacznikami <textarea> a </textarea> treść domyślną, która pojawi się w tym polu (możliwe jest oczywiście jej późniejsze wymazanie przez użytkownika). Wewnątrz <textarea>...</textarea> (w...
- Formularze HTML / Przykład formularza HTML
...czego dotyczy fragment kodu poniżej nich. <form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div> <!-- Podstawowe pole tekstowe --> <input name="Imię">Podaj swoje imię<br> <input name="Nazwisko">Podaj swoje nazwisko <!-- Pole typu RADIO --> <p>Podaj swoją płeć:</p> <input type="radio" name="Płeć" value="Kobieta">Kobieta <input type="radio" name="Płeć" value="Mężczyzna">Mężczyzna <!-- Pole typu RADIO --> <p>Ile masz lat?</p> <input type="radio" name="Wiek...
- Komendy HTML 4.01 / INPUT
...wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED Gdy TYPE="checkbox" lub TYPE="radio", to podaje, że przełącznik jest włączony (pole zaznaczone) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej DISABLED Blokada kontrolki ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym...
Dobre praktyki / Przykazania webmastera...bo nie każdy może być tak pomysłowy. Pamiętaj również o doborze takich kolorów, które nie będą męczyć wzroku. Jaskrawe barwy zdecydowanie nie są polecane. Opublikowanie strony po prostu z czarnym tekstem na białym tle to naprawdę nie jest wstyd 🙂 Jeśli już musisz wstawić tło obrazkowe pod tekstem, unikaj grafik zawierających mocno kontrastujące obszary koloru lub ostre krawędzie. Staraj się nie wstawiać tekstu w zbyt szeroką kolumnę, gdyż jest to niewygodne w czytaniu. Przy przenoszeniu...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
...wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre pola formularza (pole tekstowe, hasło, obszar tekstowy) mogą być zablokowane w taki sposób, że użytkownik nie będzie mógł zmienić ich wartości. Mimo tego, w odróżnieniu od pól całkowicie zablokowanych (z przypisanym atrybutem disabled), wartości z pól zablokowanych do zapisu będą normalnie wysłane z formularzem. Biorąc pod uwagę, że wiele przeglądarek w żaden...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
...i zostaną opisane w dalszych rozdziałach. Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie wyszarzonej. Użytkownik nie może do niego wpisywać żadnego tekstu ani go włączyć (w przypadku kontrolek typu przełącznik). Blokadę ustala się poprzez przypisanie atrybutu disabled. W odróżnieniu od pól w stanie tylko do odczytu (atrybut readonly), pola zablokowane nie są w ogóle wysyłane w...
- Komendy HTML 4.01 / Wykaz elementów
...obrazek INPUT wymag/zabr w linii Kontrolka formularza INS wymag/wymag Wstawiony tekst ISINDEX wymag/zabr w bloku Jednoliniowe pole tekstowe KBD wymag/wymag w linii Tekst do wprowadzenia przez użytkownika LABEL wymag/wymag w linii Etykieta LEGEND wymag/wymag Legenda LI wymag/opcj Punkt listy LINK wymag/zabr Odnośnik MAP wymag/wymag w linii Mapa odnośników klienta MENU wymag/wymag w bloku Lista menu META wymag/zabr ...
- HTML5 / Nowe elementy HTML5
...jest używany w połączeniu z tymi znacznikami, jeżeli ten sam materiał multimedialny jest dostępny w wielu formatach. TRACK Dostarcza ścieżki tekstowe dla elementu VIDEO. EMBED Treść generowana przez wtyczki przeglądarki. Oprócz wymienionych tutaj znaczników do elementów osadzonych zaliczamy również: IMG, IFRAME, OBJECT, PARAM, MAP, AREA, MATH, SVG. Formularze Umożliwiają wstawienie na stronie interaktywnych formularzy, które po wypełnieniu przez użytkownika mogą zostać wysłane na...