Cashar 5

Foomamka Is-dhexgalka ah

Ka ururi xogta dadka isticmaalaya mareegta adigoo isticmaalaya foomamka HTML.

Foomamka HTML

Waxaad horay u isticmaashay foomam marka aad wax ka raadinayso matoorada raadinta, marka aad gelayso koonto (login), ama marka aad ka qaybqaadanayso sahan (survey). Foomamku waxay u ogolaadaan dadka inay xog u diraan server-ka. Waxay ku bilaabmaan tag-ga <form> waxayna ku dhammaadaan </form>.

Tag-ga <input>

Tag-ga <input> waa aaladdaada ugu isticmaalka badan. Markaad beddesho sifooyinka type (nooca), wuxuu isu beddelaa qaybo gabi ahaanba kala duwan:

<input type="text" name="username" placeholder="Gali magacaaga">

<input type="password" name="password">

<input type="checkbox" name="subscribe" value="yes"> Iska diiwaangali warsidaha

<input type="radio" name="theme" value="light"> Iftiin
<input type="radio" name="theme" value="dark"> Mugdi

<input type="submit" value="Gal">

Textareas iyo Dropdowns

Qoraallada dhaadheer ee ka kooban dhowr xariiq (sida taariikh-nololeedka ama faallooyinka), isticmaal <textarea>:

<textarea name="comment" rows="4" cols="50">Halkan ku qor faalladaada...</textarea>

Liiska hoos u dhaca (dropdown menus), isticmaal tag-ga <select> adiga oo ku dhex duubaya tags-ka <option>:

<select name="role">
  <option value="frontend">Frontend Developer</option>
  <option value="backend">Backend Developer</option>
  <option value="fullstack">Fullstack Developer</option>
</select>

Xirfad Dhaqameed

Dhis Foomka Diiwaangalinta

Abuur foom aasaasi ah oo ka kooban meel qoraal ah (name), meel email-ka ah, liiska hoos u dhaca ee dalka (country), iyo badhanka dirista (submit).

Knowledge Check

Forms Check

0/1 la jawaabay

Su’aashani waxay hubinaysaa inaad fahantay sababta forms-ku muhiim u yihiin.

1Form-ku wuxuu kuu oggolaanayaa:

Billow Maanta

Diyaar ma u tahay inaad
noqoto khabiir?

Ku biir 1,200+ arday ah oo ku baranaya koodka si dhakhso ah — bilaash, adigoo raacaya xawaarahaaga.