dodać - Kurs HTML i CSS
Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>...<object> Aby zobaczyć różne sposoby osadzania plików bezpośrednio na stronie, kliknij tutaj. Pytania i odpowiedzi <a "exe", object> Jak dodać plik HTML do strony? Najłatwiejszym sposobem dodania dowolnego pliku do strony jest wstawienie odsyłacza do niego. Jeśli będzie to plik multimedialny albo dokument znanego typu, to po kliknięciu w taki link jego zawartość może zostać wyświetlona bezpośrednio w oknie przeglądarki. W przeciwnym razie zostanie uruchomione pobierane pliku na...
- Widżety HTML / Ramki HTML
...Niestety jeśli wstawimy to samo menu nawigacyjne na każdej podstronie, możemy mieć w przyszłości sporo pracy, gdy do naszej witryny będziemy chcieli dodać nowe podstrony. Wtedy trzeba będzie mozolnie zmieniać menu w każdym istniejącym dotąd dokumencie, w celu dodania do niego odsyłacza do nowej podstrony. Aby wyeliminować tę niedogodność, a jednocześnie nie utrudniać naszym użytkownikom nawigacji w serwisie, możemy stworzyć jeden wspólny widżet zawierający odnośniki menu, a następnie osadzić...
- HTML5 / Otwierany panel <details, summary>
...elementu SUMMARY. Co ciekawe, możliwe jest nawet użycie CSS, tak aby otwarty panel prezentował się wizualnie inaczej niż zamknięty - np. można dodać do niego czerwoną ramkę: details[open] { border: 1px solid red; } Przykład <details, summary> Zobacz przykład: DETAILS, SUMMARY
- Widżety HTML / Ramki lokalne <iframe>
...internetowej na własnej stronie internetowej? W ramce IFRAME można wyświetlić tylko całą oryginalną zawartość dokumentu HTML. Nie można w niej nic dodać ani zmieniać - np. ustawić inny kolor tła itp. Zatem w przypadku zewnętrznych serwisów nie ma możliwości, aby wybrać tylko jakiś fragment z innego dokumentu HTML i pokazać go w ramce na naszej stronie. Możesz jednak poszukać, czy serwis którego fragment chcesz osadzić na swojej stronie, nie udostępnia czasem gotowych widżetów do wstawiania w...
- HTML5 / Element edytowalny <... contenteditable>
...ogóle nie będzie edytowalny. Pytania i odpowiedzi <div contenteditable> Jak zrobić edytowalny kod HTML? Aby zrobić edytowalny kod HTML, należy dodać atrybut contenteditable="true" do dowolnego elementu HTML, co sprawi, że użytkownicy będą mogli edytować jego zawartość bezpośrednio na stronie. Na przykład: <div contenteditable="true">Edytowalny tekst</div>. To sprawia, że zawartość tego <div> stanie się edytowalna. Jaki jest pożytek z contenteditable w HTML? Atrybut contenteditable...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...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ć formularz HTML? Zdarza...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...action="mailto:adres e-mail?subject=temat" method="post" enctype="text/plain" onsubmit="usun_pl(this)"> (Pola formularza) </form> Zwróć uwagę, aby dodać atrybut onsubmit="usun_pl(this)" do znacznika <form>! Strona kodowa formularza <form accept-charset> <form action="..." accept-charset="strona kodowa">...</form> Domyślnie zawartość formularza, wypełniona przez użytkownika, jest wysyłana przy użyciu takiej samej strony kodowej jak określona w dokumencie z formularzem. Może się jednak...
- Formularze HTML / Przykład formularza HTML
...Nazwisko: Jeśli chcemy, aby opisy w lewej kolumnie przylegały do pól formularza (wyrównanie do prawej), wystarczy dla komórek tabeli <td> dodać atrybut style="text-align: right".
- Formularze HTML / Alternatywny sposób wysłania formularza
...break; } } 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...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...w danym polu, np.: placeholder="Wprowadź swój e-mail". Jak ustawić "placeholder"? Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do elementu <input> lub <textarea> . Przykład: <input type="text" placeholder="Wprowadź swoje imię"> lub <textarea placeholder="Wpisz swoją wiadomość"></textarea>.