[ Pobierz całość w formacie PDF ]
.1 jest całkiem dobry.Rysunek 17.1.Prosty formularz HTMLzawierający czteryelementy zapewniadostęp do witrynyWabbit Hole.PoletekstowePole hasłaPrzycisk Submit Przycisk ResetAby zakończyć to ćwiczenie.przetestowałam formularz, sprawdzając czy przekazywa-ne dane są zgodne z oczekiwaniami.Poniżej przedstawiłam postać zbioru danych:imie=Esmeralda&haslo=nudynapudy 484 Część 6.Mapy odsyłaczy i formularzeJak widać, jego postać jest dosyć skomplikowana, jednak można się zorientować, żez każdą nazwą elementu jest skojarzona dana wprowadzona w tym elemencie.Wyko-rzystując odpowiedni skrypt, przetworzenie danych, manipulowanie nimi i osiągnięciez mierzonego rezultatu będzie całkiem proste.Podstawowe elementy formularzyPo wykonaniu pierwszego ćwiczenia powinieneś już znać kilka podstawowych technik,takich jak sposób wykorzystania znacznika , umieszczania w nim prostych ele-mentów oraz zastosowanie przycisków Submit i Reset.W tej części rozdziału wspo-mniane wcześniej zagadnienia zostaną rozszerzone i wyczerpująco opisane.Całośćomawianych tematów zostanie podzielona na dwa główne obszary, pierwszym z nichbędzie znacznik , a drugim elementy kontrolne tworzone przy wykorzystaniuznacznika.Po przedstawieniu tych zagadnień, wykonasz bardziej skompliko-wane ćwiczenie.Zastosowanie znacznika do tworzenia formularzyElement FORM stanowi podstawę wszystkich formularzy tworzonych na stronachWWW, z tego względu bardzo ważne jest, aby dobrze zrozumieć, jak należy go stoso-wać.FORM jest elementem blokowym.Aby zrozumieć to pojęcie będziesz, musiał poznać in-ny, podstawowy model zawartości HTML elementy wewnątrzwierszowe.Elementytego typu, na przykład, oraz stosowane są do modyfikowania postaci tekstu lubposzczególnych liter.Ze względu na swój charakter, znaczniki te zawierają tekst, które-go postać modyfikują, na przykład: Kocham tę grę, i mogą zawierać inne,zagnieżdżone elementy wewnątrzwierszowe.Kocham tę grę toprzykład całkowicie poprawnego kodu HTML.Elementy blokowe są natomiast większymi strukturami organizacyjnymi (przykłademtakich elementów są formularze i tabele).Można w nich umieszczać dowolną zawartośćstron WWW, elementy wewnątrzwierszowe oraz inne elementy blokowe.Jeśli wyświe-tlisz w przeglądarce przedstawiony poniżej fragment kodu HTML, to obecność zagnież-dżonego elementu wewnątrzwierszowego nie spowoduje wyświetlenia go w nowymwierszu.Zagnieżdżanie elementów wewnątrzwierszowych nie powodujestworzenia nowej linii.Jednak elementy blokowe, takie jak FORM, powodują wyświetlenie w przeglądarce no-wego wiersza.W efekcie, jeśli zwracasz uwagę na układ strony, będziesz musiał pamię-tać, że umieszczenie w jej kodzie otwierającego znacznika elementu FORM spowodujewyświetlenie nowego wiersza.Przeanalizuj poniższy fragment kodu:Nesting inline
[ Pobierz całość w formacie PDF ]
