rails 表单 html 参数,html - Set form_for width in rails? - Stack Overflow

Here is my code for my edit.html.erb:

Main content

prohibited this post from being saved:

New post

"40", :cols => "40" %>

On my webpage when it loads the form_for stuff is super skinny and won't break out of a very narrow section. When I got to inspect element and I look at the h2 it spans the whole 12 columns, but everything else doesn't. I can adjust the col number on the text area and it does nothing. It looks like it is defaulting to the the smallest text_field for it's width.

Any ideas on how I can figure out what is going wrong?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用HTML Form以及Railsform_for和form_tag可以方便地创建表单,其中包括多选下拉框。下面是一些使用技巧: 1. 使用form_for创建表单: ``` <%= form_for @model do |f| %> <%= f.select :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], @model.attribute), {}, multiple: true %> <%= f.submit "Submit" %> <% end %> ``` 其中,options_for_select可以为选项提供一个数组,第一个元素是选项的标签,第二个元素是选项的值。在这个例子中,我们创建了一个多选下拉框,它会将选中的值存储在@model.attribute中。 2. 使用form_tag创建表单: ``` <%= form_tag some_path do %> <%= select_tag :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], params[:attribute]), {}, multiple: true %> <%= submit_tag "Submit" %> <% end %> ``` 这个例子中,我们使用form_tag创建表单,并创建了一个多选下拉框,它会将选中的值存储在params[:attribute]中。 3. 使用select2插件: select2是一个快速创建具有搜索功能的下拉框的jQuery插件。要使用它,首先需要将它添加到项目中: ``` # application.js //= require select2 # application.css *= require select2 *= require select2-bootstrap ``` 然后,可以使用下面的代码创建select2下拉框: ``` <%= f.select :attribute, options_for_select([["Option 1", 1], ["Option 2", 2], ["Option 3", 3]], @model.attribute), {}, multiple: true, class: "select2" %> <script> $(document).ready(function() { $('.select2').select2(); }); </script> ``` 在这个例子中,我们将select2应用于多选下拉框,它会在下拉菜单中添加搜索框,并使用户能够更容易地查找选项。 希望这些技巧对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值