Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
HTML

HTML-FORMULARZE

html

  • Zamknięty Temat jest zamknięty
6 odpowiedzi w tym temacie

#1 jaroszeq

    Banned

  • Zbanowany

Reputacja: -8
Nowy

  • Postów:103
  • GG:
  • Imię:Grzegorz
  • Lokalizacja:Bytom
Offline

Napisano 08.04.2012 13:53

HTML-FORMULARZE

Elementy formularza są tworzone w pewnych oglnych ramach, między nimi umieszczamy wszystkie pozostałe elementy.

<form> </form>

np.:
<FORM enctype="text/plain" ACTION="mailto:adres e-mail gdzie wysłać formularz?Subject=temat" METHOD="post">
(Tutaj umieszcza się pola formularza)
</FORM>


method - post lub get określenie sposobu komunikowania się przeglądarki czytelnika z serwerem, a więc czy przesyła ona jakieś informacje(post), czy też je pobiera (get)
subject - wypełniony formularz trafi do autora z taką właśnie informacją w polu tematu listu.
enctype="text/plain" - znaki z formularza są w dość osobliwy sposb konwertowane i docierają częściowo w postaci "krzakw". Jeśli nie chcemy, aby odpowiedź przychodziła w postaci "zaszyfrowanego" załącznika, lecz w czytelnej postaci w ramach listu wykorzystujemy ten parametr








Grupy pl formularza

Formularz zawiera rżnego typu pola, ktre są wypełniane informacjami - np. imię i nazwisko, zamawiany towar, dalsze informacje o sobie, komentarz itd. Pola te są podzielone na kilka podstawowych grup:
1)input, z dodatkowymi parametrami type, name i value, służy do tworzenia pól, gdzie czytelnik strony może wpisać informację lub wybrać jakąś opcję.
2)select służy do tworzenia rozwijalnych list z opcjami, spośród których czytelnik wybiera interesujące go pozycje.
3)textarea jest poleceniem do tworzenia większego pola na dodatkowy komentarz czytelnika.



Pole tekstowe:
<input type="text" name="nazwa_pola" value="wartość początkowa" size="rozmiar pola w znakach" maxlength="maksymalny rozmiar pola">
np.:
<input type="text" name="nazwisko" value="Kowalski" size="30" maxlength="40">[/b]
[b]


a łącznie z informacją wprowadzającą:

<p>Podaj swoje nazwisko: <input type="text" name="nazwisko" value="Kowalski" size="30" maxlength="40"></p>


Type="text" to typ pola, w tym wypadku tekstowego.
Name to nazwa pola, w naszym przykładzie "nazwisko".
value podanie wartości początkowej (tu nie jest konieczne wystarczy zostawić pusty cudzysłw)
Size to wielkość widocznego pola w znakach (gdy zawartość pola będzie dłuższa, będzie ono "przewijane" w prawo),
maxlength to maksymalna liczba znakw, jaką można wprowadzić.

Pole hasła

type="password".( tekst, zostanie on wyświetlony za pomocą gwiazdek.)
<p>Podaj hasło: <input type="password" name="haslo" value="" size="20" maxlength="20"></p>





Pole opcji


type="radio", ktry wprowadza tzw. przycisk radiowy. Czytelnik będzie wybierał tylko jedną z możliwych wartości. Kliknięcie na jakiejś wartości powoduje jej zaznaczenie, ale zarazem usuwa zaznaczenie z innej.


<p><input type="radio" name="plec" value="kobieta" checked="checked"> Kobieta</p>
<p><input type="radio" name="plec" value="mezczyzna"> Mężczyzna</p>


Nazwą pola name jest "plec", wartość value przybiera dwie możliwe wartości. Jeśli podamy przy jednej z możliwości checked="checked", pole to będzie domyślnie zaznaczone.

Pole wyboru


type="checkbox" - wprowadza pole w postaci kwadratu. Kliknięcie w nim powoduje zaznaczenie pola, ponowne kliknięcie usuwa zaznaczenie. Jeśli zdefiniujemy kilka pl, czytelnik strony będzie mgł zaznaczyć parę z nich lub wszystkie, zależnie od treści.


[left]
<p><input type="checkbox" name="jezyk" value="angielski"> angielski</p>
<p><input type="checkbox" name="jezyk" value="francuski"> francuski</p>[/left]

Name jest nazwą pola - w tym wypadku jest to język. Każde kolejne pole zawiera tę samą nazwę, gdyż pytamy o ten sam rodzaj danych (tę samą zmienną). Value zmienia się, zależnie od języka. W kolejnych wierszach musimy wpisać rżne języki. Za poleceniem input wpisujemy jeszcze raz nazwę języka, aby była widoczna dla czytelnika.


Lista wyboru


select służy do tworzenia rozwijanych menu, zawierających kilka opcji. Czytelnik strony może wybrać jedną z nich lub kilka. Składnia jest następująca:

<div>
<select name="nazwa_listy" size="liczba wyświetlanych pozycji">
<option> pierwsza pozycja
<option> druga pozycja
<option> trzecia pozycja
...
</select>
</div>

gdy nie podamy liczby wyświetlanych pozycji (size=x), uzyskamy rozwijaną listę, gdy ją podamy, otrzymamy daną liczbę widocznych pozycji.


Gdybyśmy chcieli zapewnić możliwość wybrania kilku pozycji, a nie jednej, powinniśmy podać:
<select name="owoce" size="3" multiple="multiple">
Czytelnik strony może zaznaczać wtedy kilka pozycji, trzymając wciśnięty klawisz Ctrl. Rezygnacja z wyboru także wymaga przyciśnięcia Ctrl.




Obszar tekstowy


Obszar tekstowy to miejsce, w ktrym czytelnik strony wysyłający formularz może wpisać swoje dodatkowe uwagi, o objętości do 1024 znakw. Obszar jest wprowadzany za pomocą polecenia:

<textarea name="nazwa" rows="x" cols="y">tu mozna wpisać tekst wyświetlony w polu </textarea>

Parametr rows wyznacza liczbę kolumn pola, a parametr cols - liczbę wierszy.

Zwrc uwagę na tekst między znacznikami textarea - informuje on czytelnika, że w tym miejscu może wpisać swoje uwagi.

Wysyłanie danych


type="submit". Gdy czytelnik kliknie ten przycisk, wszystkie podane przez niego informacje zostaną przesłane w liście do autora.
<input type="submit" value="Wyślij do nas informacje">


value="treść_na_przycisku" spowoduje wyświetlenie informacji na przycisku, ktra mwi czytelnikowi, co ma zrobć, aby przesłać formularz.
type="reset" spowoduje usunięcie wszystkich danych wpisanych do formularza (właściwie zresetowanie do wartości domyślnych


<input type="reset" value="Usuń wszystkie informacje">





Przycisk


Nowym elementem HTML 4 jest polecenie button, ktre jest podobne do klasycznego input, ale pozwala wprowadzić do "klikalnego" przycisku znacznie więcej elementw.

<button>treść przycisku</button>

Napisałem ten Tutorial dla mało znających html i bez zgody proszę o nie kopiowanie.

Użytkownik jaroszeq edytował ten post 08.04.2012 14:20


#2 Na 5tyk

    Godlike

  • Użytkownik

Reputacja: 430
Wszechobecny

  • Postów:1 712
  • GG:
  • Imię:Patryk
  • Lokalizacja:PL
Offline

Napisano 08.04.2012 16:40

Jak dla mnie chaotycznie napisane.
  • +
  • -
  • 0

#3 jaroszeq

    Banned

  • Autor tematu
  • Zbanowany

Reputacja: -8
Nowy

  • Postów:103
  • GG:
  • Imię:Grzegorz
  • Lokalizacja:Bytom
Offline

Napisano 08.04.2012 17:38

to znaczy jak chaotycznie bo nie rozumie

#4 tomi93

    Zaawansowany

  • Użytkownik

Reputacja: 11
Początkujący

  • Postów:132
  • Imię:Tomek
  • Lokalizacja:Bytom
Offline

Napisano 10.04.2012 21:01

Postarałeś się, gratulacje.
http://webmaster.hel...t&print=1&page=
  • +
  • -
  • 0

#5 Gość_21977_*

  • Gość

Reputacja: 0

Offline

Napisano 11.04.2012 15:03

Skopiowałeś przestarzały tutorial. Piszesz o nowościach w HTML4, gdy dawno wydano HTML 4.01, XHTML, a nawet HTML5.
Opisałbyś chociaż HTML5, to może na coś by się komuś przydało.

Jeśli miało to być odpracowanie ostrzeżenia, to powinno zadziałać z odwrotnym skutkiem.
PS. FORM ACTION="mailto:adres e-mail" nie jest najlepszym rozwiązaniem.

#6 jaroszeq

    Banned

  • Autor tematu
  • Zbanowany

Reputacja: -8
Nowy

  • Postów:103
  • GG:
  • Imię:Grzegorz
  • Lokalizacja:Bytom
Offline

Napisano 30.04.2012 21:04

sory napisałem to dla osob ktore sa zieloni w te klocki i potrzebuja na szybko jakis formularz

#7 Misiaczek ;c

    /dev/null

  • Moderator

Reputacja: 1 678
Godlike

  • Postów:2 496
  • GG:
  • Steam:steam
  • Imię:Michał
  • Lokalizacja:Halemba
Offline

Napisano 17.10.2013 11:01

Wiadomość wygenerowana automatycznie


Ten temat został zamknięty przez moderatora.

Powód: Autor tematu zbanowany

Jeśli się z tym nie zgadzasz, report.png raportuj ten post, a moderator lub administrator rozpatrzy go ponownie.


Z pozdrowieniami,
Zespół AMXX.PL
  • +
  • -
  • 0





Również z jednym lub większą ilością słów kluczowych: html

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych