Ruby on rails 在Rails中,我在哪里可以找到HTML输出文件,比如:first_name?

Ruby on rails 在Rails中,我在哪里可以找到HTML输出文件,比如:first_name?,ruby-on-rails,ruby,Ruby On Rails,Ruby,我想在我的视图>设计>注册>new.HTML.erb中更改一些HTML。问题是,它在文件中的显示方式如下: <%= f.input :first_name %> <p> <%= f.label :first_name %><br> <%= f.text_field :first_name %> </p> 我正在尝试获取一些覆盖文本,以便在框中显示“在此处输入名称”(就像在Facebook页面和

我想在我的视图>设计>注册>new.HTML.erb中更改一些HTML。问题是,它在文件中的显示方式如下:

<%= f.input :first_name %>
  <p>
    <%= f.label :first_name %><br>
    <%= f.text_field :first_name %>
  </p>

我正在尝试获取一些覆盖文本,以便在框中显示“在此处输入名称”(就像在Facebook页面和许多其他页面上一样)

我可以通过在带有覆盖的网页上使用“查看源代码”或“检查元素”来更改这种类型的内容,所以我知道它的HTML。但是,当我所有的HTML都隐藏在这个简单的“f.input”后面时,我该怎么做呢?这就像HTML是用神奇的代码完成的,我不知道在哪里更改它

如果我知道这个页面的HTML和CSS的位置,我可以自己做很多其他的更改,而不仅仅是这个例子:)

我应该提到的是,这段代码来自其他地方,我自己还没有足够的技能来做这件事,而且显然不理解某些部分

我的注册/new.html.erb文件:

    <br />

<!--<%= page_header do %>-->
  <!--<h1>Sign Up For Treebook</h1>-->
<!--<% end %>-->

<div class="row">
  <div class="span4">

    <%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name), html: { class: "well form-vertical well-small" }) do |f| %>

      <fieldset>
        <legend>Sign Up</legend>


      <%= devise_error_messages! %>
      <%= f.input :first_name %>
      <%= f.input :last_name %>
      <!--<%= f.input :profile_name %>-->
      <%= f.input :email %>
      <%= f.input :password, input_html: { autocomplete: 'off' } %>
      <!--<%= f.input :password_confirmation, input_html: { autocomplete: 'off' } %>-->

      <%= f.submit "Sign up", class: 'btn btn-primary' %><br /></br>
      <%= render "devise/shared/links" %>

      </fieldset>
    <% end %>

  </div>

  <div class="span8">
    <h2>Don't Have An Account? Sign Up!</h2>
    <h3>Why Sign Up? Placeholder Text.</h3>
    <p>

      <%= image_tag "http://placekitten.com/g/200/300", class: 'pull-right'%>

      Irony consectetur pug minim, sint fap anim ugh cosby sweater lo-fi deep v. Umami mcsweeney's narwhal actually terry richardson. Aliquip banjo you probably haven't heard of them Austin kogi in, pariatur put a bird on it portland meggings tofu fanny pack veniam. Officia quis brunch cray, fashion axe craft beer ugh plaid. Meggings disrupt intelligentsia, pork belly sustainable synth proident literally magna seitan before they sold out. Four loko anim officia, consectetur godard single-origin coffee chillwave gentrify tousled ethnic vegan vice eiusmod. Cupidatat flexitarian craft beer church-key quinoa, twee skateboard direct trade sriracha typewriter tattooed chambray sartorial dolore tempor.
    </p>
  </div>
</div>

资源名称:url=>注册路径(资源名称),html:{class:“井形垂直井小”})do | f |%> 注册

你没有账户吗?注册 为什么要报名?占位符文本。 讽刺的是,圣法阿尼姆·科斯比羊毛衫低保真深v。Umami mcsweeney的独角鲸实际上是terry richardson。Aliquip banjo你可能没听说过他们奥斯汀·科吉在,帕里图尔在上面放了一只鸟波特兰梅金豆腐芬妮包装威尼斯。Officia quis早午餐克雷,时尚斧头工艺啤酒格纹。Meggings扰乱了知识界,猪肉肚在卖完之前就表现出一种虚荣心。四个loko anim officia,Concertetur godard单一产地咖啡chillwave绅士凌乱的民族素食主义者副eiusmod。Cupidata flexitar craft beer church key quinoa,twee滑板直接交易sriracha打字机纹身chambray缝纫工dolore Temporal。


您需要指定占位符属性

<%= f.input :first_name,:placeholder => "placeholder text" %>
“占位符文本”%>
用于ruby 1.8

<%= f.input :first_name,:placeholder => "placeholder text" %>
“占位符文本”%>
用于ruby 1.9

<%= f.input :first_name, placeholder: "placeholder text" %>

我回答我自己的问题是因为部分问题没有得到回答,也许是最重要的部分。正如标题所说,我还想简单描述一下Rails是如何实现html“魔力”的

它从简单的表单开始。Simple_form是一块宝石,我当时并不理解(我只是盲目地跟随一个树屋教程。)

简单的形式使事物变得像
一样简洁。如果没有简单的表单,Rails 4将表单用于。HTML的表单_如下所示:

<%= f.input :first_name %>
  <p>
    <%= f.label :first_name %><br>
    <%= f.text_field :first_name %>
  </p>


其他答案在帮助我找到占位符文本方面是正确的。但是没有我要求的其他信息(给一个人一条鱼,vs教一个人钓鱼),我立刻陷入了麻烦

为了消除标签和占位符文本的冗余,我现在(稍微聪明一点)可以简单地删除

那么答案是:

<%= f.text_field :first_name, placeholder: 'First Name'%>


Rails还允许更常见的HTML输出(减去erb第一个语法也可以在1.9中使用。第二个语法(现在是这样)将产生语法错误。@Ajey
placeholder:“placeholder text”
adequate@SergioTulentsev是的,你的权利,它在1.9中工作,但我有点喜欢新的语法,读起来更好,而且很多cleaner@Ajey:这是非常主观的。Hashrocket语法没有任何作用,因此可以自由使用任何他喜欢的语法。感谢您的回答!他们帮助我完成了我正在寻找的特定任务。但是,我仍然没有听说HTML文件在哪里。现在,我已经完成了覆盖图,但是覆盖图和字符串字段中有多余的“名字”提示/在上面/我不知道如何删除以前使用过的多余提示(简单的HTML文本)我试图简单地删除一些文本,但如果没有HTML的东西或相关知识,我就不能(也就是说,如何使文本框变大或变小,等等。神奇的CSS HTML在哪里?)