- 浏览: 77641 次
- 性别:
- 来自: 地球
最近访客 更多访客>>
文章分类
最新评论
-
zhou1986lin:
[flash=200,200][b]引用[size=x-sma ...
新浪编辑器 -
vb2005xu:
晕 想不出来 为什么要实现 什么什么语言的 版本的好处
不都是 ...
新浪编辑器 -
minma_yuyang:
还不错,借鉴了。
Code style -
天机老人:
谢谢啊,这文章不错!
Sphinx -
suncanoe:
<iframe id="myEditor&qu ...
新浪编辑器
1.表单类型一
<div class=""class="form">
<%= error_messages_for 'user' %>
<fieldset>
<legend>请输入用户信息</legend>
<% form_for :user do |form| %>
<p>
Name: <%= form.text_field :username, :size => 30 %>
</p>
<p>
Password: <%= form.password_field :password, :size => 30 %>
</p>
<p>
ConfirmPassword: <%= form.password_field :password_confirmation, :size => 30 %>
</p>
<%= submit_tag "注册", :class => "submit" %>
<% end %>
</fieldset>
</div>
此种是对象绑定的方式,通过表单,跟Model层的对象绑定,通常完成数据的增,改功能。
2.表单类型二
<div class=""class="form">
<%= error_messages_for 'user' %>
<fieldset>
<legend>请输入用户信息</legend>
<% form_tag do %>
<p>
Name: <%= text_field_tag :username, params[:username], :size => 30 %>
</p>
<p>
Password: <%= password_field_tag :password, params[:password], :size => 30 %>
</p>
<%= submit_tag "注册", :class => "submit" %>
<% end %>
</fieldset>
</div>
此种主要是为了表单传值
form_for和model绑定,而form_tag不是
form_tag想传什么参数都行,没有约束
==================[以下内容转自网络]===================================
表单开始标签:
<%= 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"
<div class=""class="form">
<%= error_messages_for 'user' %>
<fieldset>
<legend>请输入用户信息</legend>
<% form_for :user do |form| %>
<p>
Name: <%= form.text_field :username, :size => 30 %>
</p>
<p>
Password: <%= form.password_field :password, :size => 30 %>
</p>
<p>
ConfirmPassword: <%= form.password_field :password_confirmation, :size => 30 %>
</p>
<%= submit_tag "注册", :class => "submit" %>
<% end %>
</fieldset>
</div>
此种是对象绑定的方式,通过表单,跟Model层的对象绑定,通常完成数据的增,改功能。
2.表单类型二
<div class=""class="form">
<%= error_messages_for 'user' %>
<fieldset>
<legend>请输入用户信息</legend>
<% form_tag do %>
<p>
Name: <%= text_field_tag :username, params[:username], :size => 30 %>
</p>
<p>
Password: <%= password_field_tag :password, params[:password], :size => 30 %>
</p>
<%= submit_tag "注册", :class => "submit" %>
<% end %>
</fieldset>
</div>
此种主要是为了表单传值
form_for和model绑定,而form_tag不是
form_tag想传什么参数都行,没有约束
==================[以下内容转自网络]===================================
表单开始标签:
<%= 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"
发表评论
-
架起自己的blog, 以后我的博客将更新至 http://kunlunblogs.herokuapp.com
2010-03-09 12:11 844博客辗转几个地方, 最终还是去heroku吧 http://k ... -
检查并显示mobile页面
2010-03-05 13:39 805根据user_agent判断是否是手机设备 reque ... -
给任务传递参数
2010-03-05 10:45 963desc 'For test params' task ... -
扩展paperclip 增加watermark
2010-03-05 01:46 12841. /lib/paperclip processors ad ... -
rails read digital photo
2010-03-05 01:28 9451 gem install exifr 2 $ irb -r ... -
rails' cron rufus-scheduler
2010-03-04 15:49 13171 installation sudo gem inst ... -
searchlogic
2010-03-03 14:57 819This plugin help searching. you ... -
capistrano配置
2010-03-02 16:21 1502服务器文件结构 mya ... -
passenger 工具查看内存状态
2010-03-02 15:59 10861. inspect Phusion Passenger’s ... -
passenger apache 设定
2010-03-02 15:56 996sudo vim /etc/apache2/httpd.con ... -
rails plugin-- auto_migrations
2010-03-02 12:09 860一般我们更改表结构的时候,数据会自动清空,挺麻烦的。auto_ ... -
a question
2010-01-28 20:10 838目前,经理想知道从A地址(例如10.1.3.1)到B地址(例如 ... -
在日志中过滤password
2010-01-28 14:00 841在user controller中加入 filter_para ... -
radiantcms
2009-12-02 17:33 744http://radiantcms.org/overview/ ... -
file copy
2009-06-23 14:39 868require 'ftools' namespace :ae ... -
copy files from original dir to other dir
2009-06-23 14:35 740namespace :ae do desc &quo ... -
ActionMailer 发送 email
2009-05-19 18:57 929配置 environment -- development.r ... -
Ruby rake file
2009-05-14 15:20 868task :import_projects => :en ... -
Mini_magick
2009-05-14 13:18 1321MiniMagick中Image对象有一个shave方法,正好 ... -
匹配所有路由
2009-05-14 11:57 626*path hehe
相关推荐
在Ruby on Rails框架中,构建表单是一项常见的任务,而Simple Form gem就是为了简化这一过程而设计的。Simple Form是一款强大的表单构建器,它提供了一种简洁、直观的方式来创建复杂的表单,使得开发者能更专注于...
formtastic 是一个Rails表单构建器插件,提供语义丰富和可访问的标记。 示例代码: |f| %> , :as => :radio %> , :as => :string %> , :as => :button %> , :as => :link %> 标签:...
bootstrap_form bootstrap_form是Rails表单bu如果您使用的是Bootstrap v3,请参考legacy legacy-2.7分支。 这是bootstrap_form自述文件的新内容。 请在#520上发表评论。 您可以回到传统的自述文件。 bootstrap_form...
bootstrap_form是一个Rails表单构建器,可以非常轻松地将Bootstrap v4样式的表单集成到Rails应用程序中。 它提供了表单助手,可以增强Rails表单助手。 bootstrap_forms的表单助手会生成form字段及其标签以及正确...
胡言乱语一键用完全兼容的 Rails 表单交换文本的 gem。 许多概念和 html 标记取自很棒的插件和它的 Rails 版本, 。 然而,这是从头开始编写的,使用完全符合 Rails 的表单,没有侵入 x-editable 的核心文件或覆盖...
Vue-rails-form-builder Vue.js的定制Rails表单构建器概要<%= vue_form_for User.new do |f| %> <%= f.text_field :name %><% end %> < form ... > ... < input v-model =" user....
在Rails表单中添加蜜罐验证码的最简单方法。 蜜罐验证码的工作前提是,您可以向垃圾邮件机器人显示与真实用户不同的表单字段。 垃圾邮件机器人通常会尝试填写表单中的所有字段,并且不会考虑CSS样式。 我们将假...
ComfyBootstrapForm bootstrap_form是一个Rails表单构建器,可以非常轻松地将表单集成到您的Rails应用程序中。要求Rails 5.0+ Bootstrap 4.0.0+安装将gem添加到您的Gemfile中并运行bundle install gem "comfy_...
防区输入Rails的帮助器和刺激控制器,使将dropzone添加到Rails表单变得非常简单。 <%= form_with(model: User.new) do |form| %> <%= dropzone form, :image, file_success_event: 'USER_FILE_...
带有 simple_form 和 bootstrap3 的 Rails 表单生成器 安装 将此行添加到应用程序的 Gemfile 中: gem 'simple_form_bootstrap3' 或这一行: gem 'simple_form_bootstrap3', git: '...
一个自动提交Rails表单的Stimulus控制器。 :books: 文献资料 请参阅。 :male_sign::male_sign: 贡献 不要犹豫,通过修改或添加功能为项目做出贡献! 错误报告或请求请求是受欢迎的。 :memo: 执照 该项目是根据...
例如,传统的Rails表单可能会生成如下代码: ```ruby |f| %> ``` 使用`Rails Bootstrap Forms`后,上述代码可以简化为: ```ruby |f| %> ``` 这将自动为表单字段添加Bootstrap的样式,如`....
14. **SimpleForm** 和 **Formtastic**:简化Rails表单构建,提供更简洁的语法和更丰富的定制选项。 15. **ActsAsTaggableOn**:实现标签功能,让内容可以被分类和筛选。 以上只是Awesome Rails Gem列表中的一部分...
Rails表单变得容易。 简单表单旨在在帮助您使用功能强大的组件创建表单的同时尽可能地灵活。 Simple Form的基本目标是不触及定义布局的方式,而是让您为眼睛找到更好的设计。 大多数DSL都是从Formtastic继承的,...
React Rails表单助手 安装 通过npm使用 npm install --save react-rails-form-helpers 通过供应商使用 您可以从获取最新的UMD版本。 关于 该软件包提供了用于编写针对Rails的表单的组件。 该软件包的主要目的是用于...
通过将许多ActiveModel::Validation功能移植到JavaScript,Judge可以轻松地对Rails进行客户端表单验证。 最常见的验证通过存储在HTML5数据属性中的JSON字符串进行,并且仅在客户端执行。 无论您在何处,Judge都为...
Rails支持改革。 加载特定于Rails的Reform文件,并自动包含诸如Reform::Form::ActiveModel类的模块。 如果您不想使用常规的“重整/导轨”堆栈,则只需不包括该gem。 例如,在Hanami环境中或使用干燥验证时,请...
Formtastic是一种Rails FormBuilder DSL(具有一些其他功能),使在Rails应用程序中创建美观,语义丰富,语法很棒,易于样式化且易于访问HTML表单变得容易得多。 文档和支持 兼容性 Formtastic 4至少需要Rails 5.2...
在传统的Rails表单中,这样的关系可能会变得难以维护和操作。Cocoon通过添加适当的JavaScript和HTML来动态地添加或删除关联的子表单,从而简化了这个过程。 Cocoon的工作原理是通过在HTML中插入可重复的模板小部件...
Quilljs :: Rails 该gem将Quill丰富的编辑器添加到现有的文本字段或文本区域。安装将此行添加到您的应用程序的Gemfile中: gem 'quilljs-rails' , :git => 'git://github.com/abhinavmathur/quilljs-rails.git' 然后...