HTML form huma parti kruċjali tal-iżvilupp tal-web li jippermetti lill-utenti jinteraġixxu ma 'websajt u jissottomettu data lil server. Form jintużaw għal firxa wiesgħa ta' skopijiet, bħall-ġbir tal-utent fl form -azzjoni, l-ipproċessar tal-input tal-utent, u l-abilitazzjoni tal-azzjonijiet tal-utent fuq websajt. F'dan l-artikolu, se nesploraw l-attributi u t-tipi differenti ta 'oqsma ta' input, nagħżlu elementi, żoni tat-test, u buttuni użati komunement fl-HTML form.
Oqsma tal-Input
<input type="text">: Joħloq qasam ta' input ta' test fejn l-utenti jistgħu jdaħħlu karattri alfanumeriċi.<input type="password">: Juri qasam tad-dħul tal-password li jaħbi l-karattri mdaħħla.<input type="email">: Jipprovdi validazzjoni tal-email għal oqsma ta' input li jeħtieġu indirizz tal-email validu.<input type="number">: Jirrestrinġi d-dħul għal valuri numeriċi biss.<input type="checkbox">: Tirrappreżenta kaxxa ta' kontroll li l-utenti jistgħu jagħżlu jew ineħħu l-għażla.<input type="radio">: Tirrappreżenta buttuna tar-radju li tippermetti lill-utenti jagħżlu għażla waħda minn grupp ta' għażliet.<input type="file">: Jippermetti lill-utenti biex jagħżlu u jtellgħu fajls.<input type="submit">: Turi buttuna li tissottometti l form -meta tikklikkja.<input type="reset">: Turi buttuna li tirreset form għall-istat inizjali tagħha.<input type="date">: Jipprovdi picker tad-data għall-għażla tad-dati.<input type="time">: Tippermetti lill-utenti jdaħħlu l-valuri tal-ħin.
Agħżel Elementi
<select>: Joħloq menu dropdown b'għażliet magħżula.<option>: Jiddefinixxi għażla fil-menu dropdown, imqiegħda ġewwa t<select>-tikketta.<optgroup>: Jiġbor flimkien għażliet relatati fi ħdan il-menu dropdown.<select multiple>: Tippermetti lill-utenti biex jagħżlu għażliet multipli fl-istess ħin billi jżommu l-buttuna Ctrl(jew iċ-ċavetta Kmand fuq Mac) waqt li tikklikkja.
Żoni tat-test
<textarea>: Joħloq qasam ta' input ta' test b'ħafna linji fejn l-utenti jistgħu jidħlu u jeditjaw blokki itwal ta' test. Jista 'jiġi ddaqs mill-ġdid u kkonfigurat b'attributi bħal rows u cols biex jiddefinixxi d-dimensjonijiet tiegħu.
Buttuni
<button>: Tirrappreżenta buttuna li tista' twassal għal diversi azzjonijiet fi ħdan form. Tista' tintuża biex tissottometti form, għal form kull funzjoni JavaScript, jew tinnaviga għal paġna differenti.
Eżempju ta' użu:
<form action="/submit-form" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50"></textarea>
<label for="newsletter">Subscribe to Newsletter:</label>
<input type="checkbox" id="newsletter" name="newsletter">
<label for="color">Favorite Color:</label>
<select id="color" name="color">
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</select>
<button type="submit">Submit</button>
</form>
Dan l-eżempju juri l-użu ta 'diversi form elementi, inklużi input oqsma, textarea, checkbox, select dropdown u submit buttuna. Ħossok liberu li tippersonalizza l- form elementi u l-attributi bbażati fuq ir-rekwiżiti speċifiċi tiegħek.