HTML5表单验证错误消息

Question

如您在验证错误消息的this picture上看到的那样，错误消息显示在右侧太远

<%= 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 %>

我该如何修复html5的验证消息位置？

Answer 1

您无法控制这些错误气球的定位或格式。它们内置于浏览器中。规范没有指定它们的外观或位置。