2017-09-20 19 views
1

私はしばらくの間、このフォームを使いこなしてきましたが、入力ボックスの上の左隅にあるラベルを消去できず、入力ボックス内にプレースホルダテキストがあります。以下のコードでは、入力ボックスはプレースホルダ値で埋められますが、ラベルは変数fの入力メソッドの引数になります。ラベルを消去して、入力ボックスにプレースホルダを付けるにはどうすればよいですか?

ラベルなしの入力ボックス内のプレースホルダーの値にしたいだけです。

<%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> 
     <%= f.error_notification %> 
     <div class="field"> 
      <%= f.input :email, placeholder: "e-mail", required: false, autofocus: true %> 
      <%= f.input :password, placeholder: "password",required: false, hint: ("#{@minimum_password_length}文字以上で!" if @minimum_password_length) %> 
      <%= f.input :password_confirmation, placeholder: "password", required: false %> 
     </div> 
+0

[cssでラベルを非表示にする](https://webaim.org/techniques/css/invisiblecontent/)とアクセシビリティのためのプレースホルダを追加する方がよいでしょう。または、ラベルを入力に配置することもできます。 – max

+0

'label:false'を追加して、' %% f.input:email、placeholder: "電子メール"、必須:false、オートフォーカス:true、ラベル:false%> ' – Deep

+0

@Deepありがとう!働いた!! – joshua

答えて

4

ただ、このようなlabel: falseを追加します。

<%= f.input :email, placeholder: "e-mail", required: false, autofocus: true, label: false %> 

これは、ラベルを削除します。