विकल्प और कार्रवाइयाँ

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="sel_few">भूमिका</label>
  <select rst-input id="sel_few" name="sel_few">
    <option value="admin" selected>एडमिन</option>
    <option value="editor">संपादक</option>
    <option value="member">सदस्य</option>
  </select>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="sel_many">शहर</label>
  <select rst-input id="sel_many" name="sel_many" data-rst-select data-rst-select-filter="फ़िल्टर करने के लिए टाइप करें" data-rst-select-results="{n} परिणाम" data-rst-select-result-one="1 परिणाम" data-rst-select-no-matches="कोई मेल नहीं मिला" aria-describedby="sel_many-help">
    <option value="dublin" selected>डबलिन</option>
    <option value="lisbon">लिस्बन</option>
    <option value="madrid">मैड्रिड</option>
    <option value="berlin">बर्लिन</option>
    <option value="rome">रोम</option>
    <option value="athens">एथेंस</option>
    <option value="helsinki">हेलसिंकी</option>
    <option value="reykjavík">रेक्जाविक</option>
    <option value="warsaw">वारसॉ</option>
    <option value="zagreb">ज़ाग्रेब</option>
    <option value="tallinn">तालिन</option>
    <option value="valletta">वैलेटा</option>
  </select>
  <p rst-field-help id="sel_many-help">छाँटने के लिए लिखना शुरू करें।</p>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="sel_plain">शहर</label>
  <select rst-input id="sel_plain" name="sel_plain">
    <option value="dublin" selected>डबलिन</option>
    <option value="lisbon">लिस्बन</option>
    <option value="madrid">मैड्रिड</option>
    <option value="berlin">बर्लिन</option>
    <option value="rome">रोम</option>
    <option value="athens">एथेंस</option>
    <option value="helsinki">हेलसिंकी</option>
    <option value="reykjavík">रेक्जाविक</option>
    <option value="warsaw">वारसॉ</option>
    <option value="zagreb">ज़ाग्रेब</option>
    <option value="tallinn">तालिन</option>
    <option value="valletta">वैलेटा</option>
  </select>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="sel_error">भूमिका</label>
  <select rst-input id="sel_error" name="sel_error" required aria-invalid="true" aria-describedby="sel_error-error">
    <option value="admin" selected>एडमिन</option>
    <option value="editor">संपादक</option>
    <option value="member">सदस्य</option>
  </select>
  <p rst-field-error id="sel_error-error" role="alert">इस व्यक्ति के लिए कोई भूमिका चुनें।</p>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-field>
  <label rst-field-label for="sel_grouped">क्षेत्र</label>
  <select rst-input id="sel_grouped" name="sel_grouped" data-rst-select data-rst-select-filter="फ़िल्टर करने के लिए टाइप करें" data-rst-select-results="{n} परिणाम" data-rst-select-result-one="1 परिणाम" data-rst-select-no-matches="कोई मेल नहीं मिला">
    <optgroup label="यूरोप">
      <option value="dublin" selected>डबलिन</option>
      <option value="lisbon">लिस्बन</option>
      <option value="warsaw">वारसॉ</option>
    </optgroup>
    <optgroup label="अमेरिका महाद्वीप">
      <option value="montreal">मॉन्ट्रियल</option>
      <option value="lima">लीमा</option>
      <option value="austin">ऑस्टिन</option>
    </optgroup>
    <optgroup label="एशिया">
      <option value="osaka">ओसाका</option>
      <option value="hanoi">हनोई</option>
      <option value="dhaka">ढाका</option>
    </optgroup>
    <optgroup label="अफ़्रीका">
      <option value="accra">अक्रा</option>
      <option value="nairobi">नैरोबी</option>
      <option value="tunis">ट्यूनिस</option>
    </optgroup>
  </select>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<label rst-switch>
  <input type="checkbox" name="notify_on" checked>
  <span rst-switch-track aria-hidden="true"></span>
  जवाबों के बारे में मुझे ईमेल करें
</label>

इसे <section rst-box><form rst-form> के अंदर रखें।

<label rst-switch>
  <input type="checkbox" name="notify_off">
  <span rst-switch-track aria-hidden="true"></span>
  उल्लेखों के बारे में मुझे ईमेल करें
</label>

इसे <section rst-box><form rst-form> के अंदर रखें।

<label rst-switch>
  <input type="checkbox" name="notify_disabled" disabled>
  <span rst-switch-track aria-hidden="true"></span>
  मुझे हर हफ़्ते सारांश ईमेल करें
</label>

इसे <section rst-box><form rst-form> के अंदर रखें।

<fieldset rst-choice>
  <legend>प्लान</legend>
  <div rst-choice-cards>
    <label>
      <input type="radio" name="plan" value="free">
      <span>
        <span rst-choice-title>मुफ़्त</span>
        <span rst-choice-desc>एक प्रोजेक्ट, समुदाय की सहायता।</span>
      </span>
    </label>
    <label>
      <input type="radio" name="plan" value="pro" checked>
      <span>
        <span rst-choice-title>प्रो</span>
        <span rst-choice-desc>असीमित प्रोजेक्ट और एक सहायता इनबॉक्स।</span>
      </span>
    </label>
  </div>
</fieldset>

इसे <section rst-box><form rst-form> के अंदर रखें।

<fieldset rst-choice>
  <legend>मुझे भेजें</legend>
  <div rst-choice-cards>
    <label>
      <input type="checkbox" name="digest" value="replies" checked>
      <span>
        <span rst-choice-title>जवाब</span>
        <span rst-choice-desc>जैसे ही आएँ।</span>
      </span>
    </label>
    <label>
      <input type="checkbox" name="digest" value="weekly">
      <span>
        <span rst-choice-title>साप्ताहिक सारांश</span>
        <span rst-choice-desc>सोमवार सुबह।</span>
      </span>
    </label>
  </div>
</fieldset>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-form-foot>
  <button rst-btn="primary lg" type="submit">पोस्ट सहेजें</button>
  <a rst-btn="lg" href="/posts">पोस्ट पर वापस जाएँ</a>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-form-foot>
  <button rst-btn="primary lg" type="submit">आमंत्रण भेजें</button>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-form-foot>
  <button rst-btn="primary lg" type="submit">प्रकाशित करें</button>
  <a rst-btn="lg" href="/posts">पोस्ट पर वापस जाएँ</a>
</div>

इसे <section rst-box><form rst-form> के अंदर रखें।

<div rst-form-foot>
  <button rst-btn="primary lg" type="submit" aria-busy="true" disabled>
    <span rst-spin aria-hidden="true"></span>
    प्रकाशित करें
  </button>
  <a rst-btn="lg" href="/posts">पोस्ट पर वापस जाएँ</a>
</div>

इसे <section rst-box> के अंदर रखें।

<form rst-form-actions method="post" action="/posts/1/delete">
  <input type="hidden" name="csrf" value="tok-123">
  <input type="hidden" name="id" value="1">
  <a rst-btn="ghost lg" href="/posts/1">रद्द करें</a>
  <button type="submit" rst-btn="danger lg">यह पोस्ट हटाएँ</button>
</form>

इसे <section rst-box> के अंदर रखें।

<form rst-form-actions method="post" action="/posts/1/publish">
  <a rst-btn="ghost lg" href="/posts/1">रद्द करें</a>
  <button type="submit" rst-btn="primary lg">प्रकाशित करें</button>
</form>