HTML5表格驗證錯誤消息

Question

錯誤消息太遠右側，你可以在驗證錯誤消息

<%= form_for @listing do |f| %> 
<div class="row"> 
<div class="col-md-12 select"> 
<div class="form-group"> 
<label>お家の種類</label> 
<%= f.select :home_type, [["一軒家","一軒家"], ["マンション","マンション"], ["アパート","アパート"]], {prompt:"選択してください"}, {required: 'true', autofocus: 'true', class: 'form-control'} %> 
</div> 
</div> 
</div> 
<br> 
... 

<div class="actions"> 
<%= f.submit "Save", class: "btn btn-danger" %> 
</div> 
<% end %> 

的this picture見我應如何解決HTML5的驗證消息中的位置？

Answer 1

您無法控制這些錯誤氣球的位置或格式。它們內置於瀏覽器中。規範沒有指定它們的外觀或位置。