読者です 読者をやめる 読者になる 読者になる

hamlで作成したフォームのplaceholder内で改行したい時の対処法

lp_861のテキストエリアで使った方法

↓使用例

--------------------------------------------------------------------------------------

haml

= f.fields_for :answers do |a|
-if a.object.body.nil?
= a.hidden_field :form_part_id, value: @parts[1].id
= a.text_area :body,class:'placeholder placeholder-option', placeholder:'1行目はここに書く'

--------------------------------------------------------------------------------------

sass

.placeholder-option::-webkit-input-placeholder::after
display: block
content: "2行目はここに書く\a3行目はここに書く\a4行目はここに書く"

 

\aは改行コード

--------------------------------------------------------------------------------------

 

↓参考ページ

http://nyaahara.hatenablog.com/entry/2015/05/01/113100