खोज…


परिचय

फॉर्म मार्कअप जनरेट करने के लिए रेल दृश्य सहायक प्रदान करता है।

टिप्पणियों

  • दिनांक इनपुट प्रकार, date , datetime , datetime-local , time , month और week फायरफ़ॉक्स में काम नहीं करते हैं।
  • input<type="telephone"> केवल सफारी 8 के साथ काम करता है।
  • input<type="email"> सफारी पर काम नहीं करता है

एक फॉर्म बनाएँ

आप form_tag सहायक का उपयोग करके एक फ़ॉर्म बना सकते हैं

<%= form_tag do %>
  Form contents
<% end %>

यह निम्न HTML बनाता है

<form accept-charset="UTF-8" action="/" method="post">
  <input name="utf8" type="hidden" value="&#x2713;" />
  <input name="authenticity_token" type="hidden" value="J7CBxfHalt49OSHp27hblqK20c9PgwJ108nDHX/8Cts=" />
  Form contents
</form>

इस फॉर्म टैग ने एक hidden इनपुट फ़ील्ड बनाया है। यह आवश्यक है, क्योंकि इसके बिना फॉर्म सफलतापूर्वक सबमिट नहीं किए जा सकते हैं।

authenticity_token नामक दूसरा इनपुट फ़ील्ड, cross-site request forgery खिलाफ सुरक्षा जोड़ता है।

एक खोज प्रपत्र बनाना

खोज फ़ॉर्म बनाने के लिए, निम्न कोड दर्ज करें

<%= form_tag("/search", method: "get") do %>
  <%= label_tag(:q, "Search for:") %>
  <%= text_field_tag(:q) %>
  <%= submit_tag("Search") %>
<% end %>
  • form_tag : फॉर्म बनाने के लिए यह डिफ़ॉल्ट सहायक है। यह पहला पैरामीटर है, /search क्रिया है और दूसरा पैरामीटर HTTP विधि को निर्दिष्ट करता है। खोज रूपों के लिए, हमेशा get विधि का उपयोग करना महत्वपूर्ण है
  • label_tag : यह सहायक HTML <label> टैग बनाता है।
  • text_field_tag : यह टाइप text साथ एक इनपुट एलिमेंट बनाएगा
  • submit_tag : यह टाइप submit साथ एक इनपुट एलिमेंट बनाता है

फार्म तत्वों के लिए सहायक

चेक बॉक्स

<%= check_box_tag(:pet_dog) %>
<%= label_tag(:pet_dog, "I own a dog") %>
<%= check_box_tag(:pet_cat) %>
<%= label_tag(:pet_cat, "I own a cat") %>

यह निम्नलिखित html उत्पन्न करेगा

<input id="pet_dog" name="pet_dog" type="checkbox" value="1" />
<label for="pet_dog">I own a dog</label>
<input id="pet_cat" name="pet_cat" type="checkbox" value="1" />
<label for="pet_cat">I own a cat</label>

रेडियो के बटन

<%= radio_button_tag(:age, "child") %>
<%= label_tag(:age_child, "I am younger than 18") %>
<%= radio_button_tag(:age, "adult") %>
<%= label_tag(:age_adult, "I'm over 18") %>

यह निम्न HTML उत्पन्न करता है

<input id="age_child" name="age" type="radio" value="child" />
<label for="age_child">I am younger than 18</label>
<input id="age_adult" name="age" type="radio" value="adult" />
<label for="age_adult">I'm over 18</label>

पाठ क्षेत्र

एक बड़ा टेक्स्ट बॉक्स बनाने के लिए, text_area_tag का उपयोग करने की अनुशंसा की text_area_tag

<%= text_area_tag(:message, "This is a longer text field", size: "25x6") %>

यह निम्नलिखित HTML बनाएगा

<textarea id="message" name="message" cols="25" rows="6">This is a longer text field</textarea>

संख्या क्षेत्र

यह एक input<type="number"> बनाएगा input<type="number"> तत्व

<%= number_field :product, :rating %>

मानों की एक सीमा निर्दिष्ट करने के लिए, हम in: विकल्प का उपयोग कर सकते हैं

<%= number_field :product, :rating, in: 1..10 %>

पासवर्ड फ़ील्ड

कभी-कभी आप चाहते हैं कि उपयोगकर्ता द्वारा टाइप किए गए अक्षर नकाबपोश हों। यह एक <input type="password"> उत्पन्न करेगा

<%= password_field_tag(:password) %>

ईमेल फ़ील्ड

यह एक <input type="email"> बनाएगा

<%= email_field(:user, :email) %>

टेलीफोन क्षेत्र

यह एक <input type="tel"> बनाएगा।

<%= telephone_field :user, :phone %>

दिनांक सहायक

  • input[type="date"]

    <%= date_field(:user, :reservation) %>
    
  • input[type="week"]

     <%= week_field(:user, :reservation) %>
    
  • input[type="year"]

     <%= year_field(:user, :reservation) %>
    
  • input[type="time"]

     <%= time_field(:user, :check_in) %>
    

ड्रॉप डाउन

मानक उदाहरण: @models = Model.all select_tag "मॉडल", options_from_collection_for_select (@models, "id", "name"), {}

यह निम्नलिखित HTML उत्पन्न करेगा: डेविड

अंतिम तर्क विकल्प हैं, जो निम्न को स्वीकार करता है: {एकाधिक: असत्य, अक्षम: असत्य, शामिल_ब्लैंक: झूठा, शीघ्र: ठीक है}

अधिक उदाहरण मिल सकते हैं: http://apidock.com/rails/ActionView/Helpers/FormTagHelper/select_tag



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow