当前位置: 代码迷 >> HTML/CSS >> Ruby HTML 表单话语
  详细解决方案

Ruby HTML 表单话语

热度:1206   发布时间:2012-12-26 14:39:29.0
Ruby HTML 表单语句
表单开始标签:
<%= form_tag { :action => :save }, { :method => :post } %>
Use :multipart => true to define a Mime-Multipart form (for file uploads)
表单结束标签:
<%= end_form_tag %>

文本框 Text fields
<%= text_field :modelname, :attribute_name, options   %>
生成:
<input type="text" name="modelname[attribute_name]" id="attributename" />

实例:

text_field "post", "title", "size" => 20
     <input   type="text" id="post_title" name="post[title]"
             size="20" value="#{@post.title}" />

隐藏框:
<%= hidden_field ... %>

密码框:
<%= password_field ... %>

文件框
<%= file_field ... %>

Rails Textarea框
<%= text_area ... %>
实例:
text_area "post", "body", "cols" => 20, "rows" => 40
     <textarea cols="20" rows="40" id="post_body" name="post[body]">
        #{@post.body}
     </textarea>

单选框 Radio Buttons
<%= radio_button :modelname, :attribute, :tag_value, options %>
实例:
radio_button "post", "category", "rails"
radio_button "post", "category", "java"
     <input type="radio" id="post_category" name="post[category]" value="rails"
            checked="checked" />
     <input type="radio" id="post_category" name="post[category]" value="java" />

多选框 Check Box
<%= check_box :modelname, :attribute, options, on_value, off_value %>
实例
check_box "post", "validated"    # post.validated? returns 1 or 0
     <input type="checkbox" id="post_validate" name="post[validated]"
           value="1" checked="checked" />
     <input name="post[validated]" type="hidden" value="0" />

check_box "puppy", "gooddog", {}, "yes", "no"
     <input type="checkbox" id="puppy_gooddog" name="puppy[gooddog]" value="yes" />
     <input name="puppy[gooddog]" type="hidden" value="no" />

<%= select :variable, :attribute, choices, options, html_options %>

下拉菜单框 Select Menu
select   "post",        
         "person_id",   
         Person.find_all.collect {|p| [ p.name, p.id ] },
         { :include_blank => true }

<select name="post[person_id]">
    <option></option>
    <option value="1" selected="selected">David</option>
    <option value="2">Sam</option>
    <option value="3">Tobias</option>
</select>

Collection Selection
<%= collection_select :variable, :attribute, choices, :id, :value %>

日期选择框:
<%= date_select :variable, :attribute, options %>
<%= datetime_select :variable, :attribute, options %>
实例:
date_select "post", "written_on"
date_select "user", "birthday", :start_year => 1910
date_select "user", "cc_date", :start_year => 2005,
                                :use_month_numbers => true,
                                :discard_day => true,
                               rder => [:year, :month]

datetime_select "post", "written_on"


http://hi.baidu.com/zhangfeiadts/blog/item/b5437489c3913fb00e244435.html
1 楼 cxh116 2011-04-11  
不错不错 整理的很好 不过官方手册比这稍微要详细一点.
  相关解决方案