Ruby on Rails
प्रपत्र सहायक
खोज…
परिचय
फॉर्म मार्कअप जनरेट करने के लिए रेल दृश्य सहायक प्रदान करता है।
टिप्पणियों
- दिनांक इनपुट प्रकार,
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="✓" />
<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