A InfoWiki wikiből

Űrlap elemek

Űrlap HTML

CGI és Űrlap feldolgozás

Hernyák Zoltán

Előadás

Vizsga

Fóliák

Gyakorlat

Az űrlap

Az űrlapokat a HTML leírásban form tag-ek jelölik. Az űrlapok olyan elemekből állhatnak, amelyet a HTML, XHTML szabványok megengednek.Ez szegényes készletnek tűnhet egy Windows Forms vagy egyéb gazdag felülethet szokott programozónak - de ezen készletből kell akkor is gazdálkodni. Ugyanakkor jegyezzük meg, hogy a JavaScript kliens oldali programozás segítésével ezen vezérlők működése, funkcionalitása jelentősen bővíthető.

<form ...>
  <label ... />
 
  <input   ..../>
  <select .../>
  <textarea ... />
 
 <button ... />
</form>

A HTML elemek legnagyobb része az input tag valamely altípusa (type módosító). Ezek az alábbiak lehetnek:

• input type="text" - egysoros szövegbeviteli elem
• input type="password" - egysoros jelszóbeviteli elem
• input type="checkbox" - kipipálható (igen/nem) beviteli elem
• input type="radio" - választást lehetővé tevő elem
• input type="file" - file feltöltést lehetővé tévő elem
• input type="hidden" - rejtett, adattartalommal bíró elem
• input type="submit" - a form kitöltését követő beküldést előidéző gomb

Valamint következzen néhány (nem annyira direktben) használható form elem:

• input type="image" - kép, melyre kattintani lehet, és a kattintási pozíció lesz a bevitel értéke
• input type="reset" - a formot üríti, újra kezdhetjük a kitöltést
• input type="button" - egyszerű form nyomógomb

<form ...>
	<input  type="text" .... />
	<input  type="password" .... />
	<input  type="checkbox" .... />
	<input  type="radio" .... />
	<input  type="submit" .... />
	<input  type="image" .... />
	<input  type="reset" .... />
	<input  type="button" .... />
	<input  type="hidden" .... />
	<input  type="file" .... />
</form>

Ezeken felül szereplhet még egy form-on belül

• select: kiválasztó lista
• textarea: többsoros szövegbeviteli rész