znacznik - Kurs HTML i CSS
Formularze HTML / Grupowanie pól <fieldset, legend>...pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po znaczniku otwierającym <fieldset> oraz nie może zawierać elementów blokowych. Przykład <fieldset, legend> Wybierz opcję: Opcja 1 Opcja 2 Opcja 3 Wpisz dane Tytuł Wybierz opcję: Opcja 1 Opcja 2 Opcja 3
- Formularze HTML / Ramy formularza HTML <form>
...obsługujących formularze). UWAGA! Formularzy nie można zagnieżdżać, tzn. umieszczać jednego w drugim. W przypadku użycia Strict DTD, wewnątrz znaczników <form>...</form> muszą się znaleźć dodatkowe znaczniki obejmujące wszystkie elementy formularza. Znacznikami obejmującymi mogą być: div, p, fieldset, h1, h2, h3, h4, h5, h6, pre, address, ins, del. Użytkownicy, którzy nie skonfigurowali w swoim systemie operacyjnym programu pocztowego, nie będą mogli wysyłać tego typu formularzy...
- Formularze HTML / Pole tekstowe <input "text">
...odpowiedź na zadane pytanie. UWAGA! Wszystkie pola (dowolnego typu), które mają się znaleźć w formularzu, należy umieszczać pomiędzy tymi samymi znacznikami <form> oraz </form> (zobacz: Ramy formularza). Oczywiście w pojedynczym dokumencie można umieścić kilka formularzy - wtedy wstawiamy klika znaczników <form>...</form>, dla każdego formularza osobno. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat jeszcze bardziej zaawansowanych funkcji pola tekstowego, zobacz rozdział...
- Formularze HTML / Obszar tekstowy <textarea>
...(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 treści domyślnej) nie można wpisywać żadnych znaczników. Przejście do następnej linii następuje poprzez klawisz Enter. Uwzględniane są dodatkowe spacje oraz...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...definiuje przycisk w formularzu wysyłający zawartość formularza z napisem "Wyślij"? Aby to zrobić, wewnątrz formularza należy umieścić odpowiedni znacznik: <input type="submit" value="Wyślij">.
- Formularze HTML / Wyczyszczenie danych <input "reset">
...długich formularzy, przy których ponowne wpisywanie wszystkich danych trwałoby dość długo. Aby potwierdzić wyczyszczenie formularza, należy do znacznika <form> dodać atrybut onreset="...": <form action="adres" method="post" onreset="if (!confirm('Czy na pewno chcesz wyczyścić cały formularz?')) return false">...</form> Przykład <form onreset> Wpisz tu jakiś tekst. Odpowiedź nr1 Odpowiedź nr2 Odpowiedź nr1 Odpowiedź nr2 Pytania i odpowiedzi <input "reset"> Jak zresetować...
- Formularze HTML / Alternatywny sposób wysłania formularza
...window.location.href = f.action + (f.action.indexOf('?') == -1 ? '?' : '&') + 'body=' + text; } </script> Na koniec musisz tylko dodać do znacznika <form> formularza atrybut: onsubmit="mail_form(this); return false", np.: <form action="mailto:adres e-mail?subject=temat" method="post" enctype="text/plain" onsubmit="mail_form(this); return false"> (Pola formularza) </form> Działanie tego skryptu nie jest identyczne jak w przypadku prostego formularza pocztowego. Podczas gdy...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
Wstawianie stylów CSS / Wydzielone bloki <div style>...z efektem, jaki chcemy uzyskać. Metoda ta jest bardzo podobna do SPAN, lecz obejmuje zwykle większe fragmenty dokumentu (może zawierać w sobie różne znaczniki jak również inne bloki). Dodatkowo DIV domyślnie jest wyświetlany: XXXXXXXXXXXXXXXXXXXXXXXX w bloku XXXXXXXXXXXXXXXXXXXXXXXX natomiast SPAN: XXXXXXXXXXXXXXXXXXXXXXXXw liniiXXXXXXXXXXXXXXXXXXXXXXXX Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do...
- Wstawianie stylów CSS / Styl lokalny <... style>
<element style="cecha: wartość; cecha2: wartość2...">...</element> Elementem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj...