Foirm

Na réimsí a gclóscríobhann duine isteach iontu, sna staideanna a chuireann fíorfhoirm iad. Suíonn gach ceann i rst-box stuáilte, mar sin é an riail a ghlacann na páirteanna seo leis.

Tá gach sampla beo, ach ní théann a naisc áit ar bith. Taispeánann HTML an marcáil le cóipeáil.

field

Lipéad, ionchur, leid roghnach, cabhair agus earráid. An rialtán ginearálta téacsúil, le ID follasach.

Lom

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_bare">Teideal</label>
  <input rst-input type="text" id="f_bare" name="f_bare">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict "ID" "f_bare" "Name" "f_bare" "Label" "Teideal"}}

Le leid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_hint">Sluga <span rst-field-hint>(litreacha beaga, gan spásanna)</span></label>
  <input rst-input type="text" id="f_hint" name="f_hint">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_hint"
    "Name" "f_hint"
    "Label" "Sluga"
    "Hint" "litreacha beaga, gan spásanna"}}

Le cabhair faoin rialtán

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_help">Ríomhphost</label>
  <input rst-input type="email" id="f_help" name="f_help" autocomplete="email" aria-describedby="f_help-help">
  <p rst-field-help id="f_help-help">Ní úsáidimid é seo ach chun freagraí a sheoladh chugat.</p>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_help"
    "Name" "f_help"
    "Label" "Ríomhphost"
    "Type" "email"
    "Help" "Ní úsáidimid é seo ach chun freagraí a sheoladh chugat."
    "Autocomplete" "email"}}

Riachtanach

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_required">Ainm iomlán</label>
  <input rst-input type="text" id="f_required" name="f_required" required>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_required"
    "Name" "f_required"
    "Label" "Ainm iomlán"
    "Required" true}}

Le hearráid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_error">Ríomhphost</label>
  <input rst-input type="email" id="f_error" name="f_error" value="grace@" aria-invalid="true" aria-describedby="f_error-error">
  <p rst-field-error id="f_error-error" role="alert">Ní cosúil gur seoladh ríomhphoist é sin.</p>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_error"
    "Name" "f_error"
    "Label" "Ríomhphost"
    "Type" "email"
    "Error" "Ní cosúil gur seoladh ríomhphoist é sin."
    "Value" "grace@"}}

Gearr

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_short">Éirchód</label>
  <input rst-input="short" type="text" id="f_short" name="f_short" value="D02 XY45">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_short"
    "Name" "f_short"
    "Label" "Éirchód"
    "Short" true
    "Value" "D02 XY45"}}

An príomhréimse

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_primary">Teideal</label>
  <input rst-input="primary" type="text" id="f_primary" name="f_primary" value="Cruinniú ráithiúil an bhoird">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field" dict
    "ID" "f_primary"
    "Name" "f_primary"
    "Label" "Teideal"
    "Primary" true
    "Value" "Cruinniú ráithiúil an bhoird"}}

field-text

Ionchur téacs lipéadaithe amháin, aitheantóirí díorthaithe ó Name. Tá réalta an mharcóra riachtanaigh aria-hidden. Is í an aitreabúid required ar an ionchur an comhartha ríomhchláraithe.

Lom

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_bare">Teideal</label>
  <input rst-input id="ft_bare" name="ft_bare" type="text">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-text" dict "Name" "ft_bare" "Label" "Teideal"}}

Le leid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_hint">Ceannlíne</label>
  <input rst-input id="ft_hint" name="ft_hint" type="text" aria-describedby="ft_hint-hint">
  <small rst-field-hint id="ft_hint-hint">Taispeántar sa liosta é.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-text" dict
    "Name" "ft_hint"
    "Label" "Ceannlíne"
    "Hint" "Taispeántar sa liosta é."}}

Riachtanach

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_required">Ainm taispeána <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="ft_required" name="ft_required" type="text" autocomplete="nickname" required>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-text" dict
    "Name" "ft_required"
    "Label" "Ainm taispeána"
    "Required" true
    "Autocomplete" "nickname"}}

Le hearráid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_error">Teideal</label>
  <input rst-input id="ft_error" name="ft_error" type="text" value="Nótaí eisiúna" aria-invalid="true" aria-describedby="ft_error-error">
  <small rst-field-error id="ft_error-error">Tá postáil leis an teideal sin ann cheana.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-text" dict
    "Name" "ft_error"
    "Label" "Teideal"
    "Value" "Nótaí eisiúna"
    "Error" "Tá postáil leis an teideal sin ann cheana."}}

An príomhréimse

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_primary">Cad é féin?</label>
  <input rst-input="primary" id="ft_primary" name="ft_primary" type="text" value="Cruinniú ráithiúil an bhoird">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-text" dict
    "Name" "ft_primary"
    "Label" "Cad é féin?"
    "Value" "Cruinniú ráithiúil an bhoird"
    "Primary" true}}

Cuir Primary leis an bpríomhréimse san fhoirm — teideal nó ainm, cuir i gcás — chun ionchur níos suntasaí a fháil.

field-url

Réimse seoladh gréasáin a ghlacann le example.com, le https:// nó gan é. Cuir le form.URL é ar an bhfreastalaí.

Lom

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_bare">Suíomh gréasáin</label>
  <input rst-input id="fu_bare" name="fu_bare" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-url" dict "Name" "fu_bare" "Label" "Suíomh gréasáin"}}

Le leid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_hint">Suíomh gréasáin an chomhlachta</label>
  <input rst-input id="fu_hint" name="fu_hint" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false" aria-describedby="fu_hint-hint">
  <small rst-field-hint id="fu_hint-hint">Is féidir leat an https a fhágáil ar lár.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-url" dict
    "Name" "fu_hint"
    "Label" "Suíomh gréasáin an chomhlachta"
    "Hint" "Is féidir leat an https a fhágáil ar lár."}}

Le hearráid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_error">Suíomh gréasáin</label>
  <input rst-input id="fu_error" name="fu_error" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false" value="brightwater" aria-invalid="true" aria-describedby="fu_error-error">
  <small rst-field-error id="fu_error-error">Cuir seoladh gréasáin isteach, mar shampla example.com.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-url" dict
    "Name" "fu_error"
    "Label" "Suíomh gréasáin"
    "Value" "brightwater"
    "Error" "Cuir seoladh gréasáin isteach, mar shampla example.com."}}

field-money

Méid airgid in airgeadra amháin. Taispeántar cód an airgeadra in aice leis an lipéad agus seoltar é leis an bhfoirm, ionas go mbeirtear ar airgeadra a athraíodh agus duine ag clóscríobh nuair a shábháiltear. Cuir le Currency form.Field é ar an bhfreastalaí.

Lom

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_bare">Praghas ticéid <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_bare" name="fm_bare" type="text" inputmode="decimal">
  <input type="hidden" name="fm_bare.locale" value="en">
  <input type="hidden" name="fm_bare.currency" value="EUR">
  <input type="hidden" name="fm_bare.seed" value="">
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-money" dict
    "Name" "fm_bare"
    "Label" "Praghas ticéid"
    "Locale" "en"
    "Currency" "EUR"}}

Le leid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_hint">Praghas ticéid <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_hint" name="fm_hint" type="text" inputmode="decimal" aria-describedby="fm_hint-hint">
  <input type="hidden" name="fm_hint.locale" value="en">
  <input type="hidden" name="fm_hint.currency" value="EUR">
  <input type="hidden" name="fm_hint.seed" value="">
  <small rst-field-hint id="fm_hint-hint">Mar shampla, 12.50 nó €12.50.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-money" dict
    "Name" "fm_hint"
    "Label" "Praghas ticéid"
    "Locale" "en"
    "Currency" "EUR"
    "Hint" "Mar shampla, 12.50 nó €12.50."}}

Le hearráid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_error">Praghas ticéid <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_error" name="fm_error" type="text" inputmode="decimal" value="12,.50" aria-invalid="true" aria-describedby="fm_error-error">
  <input type="hidden" name="fm_error.locale" value="en">
  <input type="hidden" name="fm_error.currency" value="EUR">
  <input type="hidden" name="fm_error.seed" value="">
  <small rst-field-error id="fm_error-error">Úsáid ponc do dheachúlacha, mar shampla 12.50.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-money" dict
    "Name" "fm_error"
    "Label" "Praghas ticéid"
    "Value" "12,.50"
    "Locale" "en"
    "Currency" "EUR"
    "Error" "Úsáid ponc do dheachúlacha, mar shampla 12.50."}}

field-textarea

Clúdach field-text timpeall ar textarea.

Lom

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_bare">Nótaí</label>
  <textarea rst-textarea id="ta_bare" name="ta_bare" rows="3"></textarea>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-textarea" dict "Name" "ta_bare" "Label" "Nótaí" "Rows" 3}}

Le leid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_hint">Beathaisnéis</label>
  <textarea rst-textarea id="ta_hint" name="ta_hint" rows="3" aria-describedby="ta_hint-hint"></textarea>
  <small rst-field-hint id="ta_hint-hint">Taispeántar ar do phróifíl é.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-textarea" dict
    "Name" "ta_hint"
    "Label" "Beathaisnéis"
    "Rows" 3
    "Hint" "Taispeántar ar do phróifíl é."}}

Le hearráid

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_error">Achoimre</label>
  <textarea rst-textarea id="ta_error" name="ta_error" rows="3" aria-invalid="true" aria-describedby="ta_error-error">…</textarea>
  <small rst-field-error id="ta_error-error">Teastaíonn fiche carachtar ar a laghad ó achoimre.</small>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-textarea" dict
    "Name" "ta_error"
    "Label" "Achoimre"
    "Value" "…"
    "Rows" 3
    "Error" "Teastaíonn fiche carachtar ar a laghad ó achoimre."}}

Riachtanach

Deasc Fón HTML Teimpléad

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_required">Cúis an aisíocaíochta <span rst-field-required aria-hidden="true">*</span></label>
  <textarea rst-textarea id="ta_required" name="ta_required" rows="3" required></textarea>
</div>

Cuir é seo taobh istigh de <section rst-box><form rst-form>.

{{template "field-textarea" dict
    "Name" "ta_required"
    "Label" "Cúis an aisíocaíochta"
    "Rows" 3
    "Required" true}}