Is cuid ríthábhachtach d'fhorbairt gréasáin iad HTML form a ligeann d'úsáideoirí idirghníomhú le suíomh Gréasáin agus sonraí a chur isteach chuig freastalaí. Form a úsáidtear le haghaidh raon leathan cuspóirí, mar shampla faisnéis úsáideora a bhailiú form, ionchur úsáideora a phróiseáil, agus gníomhartha úsáideoirí a chumasú ar shuíomh Gréasáin. San Airteagal seo, déanfaimid iniúchadh ar na tréithe agus na cineálacha éagsúla réimsí ionchuir, roghnaigh eilimintí, réimsí téacs, agus cnaipí a úsáidtear go coitianta i HTML form.
Réimsí Ionchuir
<input type="text">: Cruthaíonn sé réimse ionchuir téacs inar féidir le húsáideoirí carachtair alfa-uimhriúla a chur isteach.<input type="password">: Taispeánann sé réimse ionchuir pasfhocail a chumhdaíonn na carachtair iontráilte.<input type="email">: Soláthraíonn bailíochtú ríomhphoist le haghaidh réimsí ionchuir a dteastaíonn seoladh ríomhphoist bailí uathu.<input type="number">: Cuireann sé srian le hionchur chuig luachanna uimhriúla amháin.<input type="checkbox">: Is ionann é agus ticbhosca ar féidir le húsáideoirí a roghnú nó a dhíroghnú.<input type="radio">: Léiríonn sé cnaipe raidió a ligeann d'úsáideoirí rogha amháin a roghnú ó ghrúpa roghanna.<input type="file">: Cuireann sé ar chumas úsáideoirí comhaid a roghnú agus a uaslódáil.<input type="submit">: Taispeáin cnaipe a chuireann an form nuair a chliceáil.<input type="reset">: Taispeáin cnaipe a resets an form go dtí a staid tosaigh.<input type="date">: Soláthraíonn roghnóir dáta chun dátaí a roghnú.<input type="time">: Ligeann sé d'úsáideoirí luachanna ama a ionchur.
Roghnaigh Eilimintí
<select>: Cruthaíonn roghchlár anuas le roghanna selectable.<option>: Sainmhíníonn sé rogha laistigh den roghchlár anuas, a chuirtear taobh istigh den<select>chlib.<optgroup>: Grúpáil roghanna a bhaineann le chéile laistigh den roghchlár anuas.<select multiple>: Ligeann sé d'úsáideoirí roghanna iomadúla a roghnú ag an am céanna tríd an eochair Ctrl(nó eochair Ordú ar Mac) a choinneáil síos agus cliceáil air.
Réimsí téacs
<textarea>: Cruthaíonn sé réimse illíne ionchuir téacs inar féidir le húsáideoirí bloic níos faide de théacs a chur isteach agus a chur in eagar. Is féidir é a athrú méid agus a chumrú le tréithe ar nós rows agus cols chun a thoisí a shainiú.
Cnaipí
<button>: Is éard atá i gceist leis cnaipe a d'fhéadfadh gníomhartha éagsúla a spreagadh laistigh de form. Is féidir é a úsáid chun form, in aghaidh form feidhm JavaScript a chur isteach, nó chun nascleanúint a dhéanamh chuig leathanach eile.
Úsáid shamplach:
<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>
Léiríonn an sampla seo úsáid na form n-eilimintí éagsúla, lena n-áirítear input réimsí, textarea, checkbox, select dropdown agus submit cnaipe. Thig leat na form heilimintí agus na tréithe a shaincheapadh bunaithe ar do riachtanais shonracha.