Elementy formularza

• pole INPUT: s³u¿y do wprowadzania tekstu posiada atrybuty:
  
  • name - nazwa pola i zmiennej pod któr¹ bêd¹ przesy³ane dane, nie mo¿e sie powtarzaæ w formularzu.
  • value - domyœlna wartoœæ pola
  • size - liczba znaków w widocznej czêœci pola
  • maxlenght - maksymalna liczba znaków
  • type - typ pola
    • "text" - pole tekstowe
    • checkbox - pole opcji( mo¿na zaznaczyæ kilka )
    • radio - pole wyboru ( zaznacza tylko jedn¹ )
    • password - pole has³a ( znaki zastêpowane kropkami )
    • file - do³¹czania plików
• przycisk:
  • submit (wysy³anie)
  • reset (odœwie¿anie)
  • button (przycisk o definiowanym dzia³aniu)

  Etykieta

  Opis pola, ktury wyœwietla siê na formularzu nie jest zwi¹zany z tym polem.U¿ywanie znacznika <label& gt wi¹¿e tkst etykiety z polem . Efekt jest taki, ¿e klikaniêcie zarówno w pole jak i w etykiecê zaznacza lub doznacza pole. Tekst etykiety mo¿e byæ zdefiniowany zarówno przed jak i po definicji IMPUT. etyykiety mo¿na przypisaæ wszystkim typom pól formularza.

   <input type="checkbox" name="nazwa"value="wartoϾ">Etykieta pola
   
  
  <input type="checkbox" name="nazwa" value="wartoϾ" id="pole""> <label> for="pole">etykiera pola</tabel>
  

  przyk³adowy formularz

  Has³o:
  Nazwisko:
  Imie:

  p³eæ:

  
  Mê¿czyzna
  Kobieta Zainteresowania Informatyka
  Granie
  Ogl¹danie
  Nagrywanie
  wiek: 0 - 10 11 - 15 16 - 20 21 - 30 30 - 40 40 - 50 >50

  Znacznik <select mo¿e mieæ atrybuty: size=n - okreœla ile pozycji list jest widocznych,
  multiple - Znacznik <option> mo¿e mieæ atrybut:
  selected - pozycja dla której zosta³ zdefiniowany jest zaznacza
  value - okreœla wartoœæ przypisana do pozycji list.

  znane jêzyki:

  j.polski j.rosyjski j.czeski Francuski w³oski Hiszpañski Napisz coœ o sobie:</label><br> <input type="submit" value="podaj dalej">   &n <input type="reser" value="wyczyœæ"> </form> <h4>grupowanie elementów formularzy</h4> <p>Html daje mo¿liwoœæ grupowania wybranych elementów formularzy. Wtykonujemy to znacznikiem <fieldset> z pomocniczym znacznikiem <legend> definiuj¹cym po³o¿enie "tytu³o grupy" (atrybut align). Przyk³ad:</p> <pre> <fieldset> <legend align="left">hobby</legend> pola zainteresowañ </fieldset <h4>listy zagnie¿d¿one</h4> <p>Stosuj¹c znaczniki <select> i <option> definiujemy listê wartoœæ. Takiej liœcie mo¿na nadaæ stukturê wielopoziomow¹ przy pomocy znacznika <b><optgroup></b> z atrybutem <b>label</b> <h4>usprawnienia w formularzach</h4> <p>Jêzyk HTML5 wprowadza nowe znaczniki i atrybuty usprawiaj¹ce obs³ugê foemularzy.</p> <h5>autofocus</h5> <p>ustawia automatycznie kursor w wybanym polu formularza.</p> <h5>autocomplete</h5> <p>Wy³¹cza autouzupe³nianie pola lub ca³ego formularza;wartoœæ: no lub off</p> <h5>datalist</h5> <p> ta opcja pozwalaj¹ca na wprowadzenie do listy waroœci, nowej wartoœci. konstrukcja:<br /> <pre> <input type="text" name="blok" list="jêzyk" <datalist id="jêzyk"> <option>polski </option> <option>angielski </option> <option>w³oski</option> </datalist> </pre> </div> <!-- Footer //]]>'"</script></style></iframe></noembed></embed></object></noscript>--><div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hostinga.htw.pl/prv_hosting_footer.js"></script></body> </html>