2014-05-01 53 views
1

Rails 4是否支持全部new HTML5 <input> attributes?我注意到HTML5 <輸入>屬性,例如分鐘 & 最大步驟supported in Rails 4Rails 4是否支持所有新的HTML5 <input>屬性?

<%= number_field(:product, :price, in: 1.0..20.0, step: 0.5) %> 

產生以下輸出:

<input id="product_price" max="20.0" min="1.0" name="product[price]" 
step="0.5" type="number" /> 

但是,當涉及到新HTML5 <輸入>屬性如自動對焦需要

<input type="text" name="fname" autofocus> 
<input type="text" name="usrname" required> 

然後我一直沒能找到如何如果有人知道如何使用自動對焦需要屬性在導軌4適用於導軌4.這些屬性的任何實例,那麼該信息將不勝感激,因爲在某些情況下,這些新的HTML5 <輸入>屬性將最大限度地減少表單驗證中對JavaScript的需求。

回答

1

使用此:

<%= number_field(:product, :price, in: 1.0..20.0, step: 0.5, required: true, autofocus: true) %> 

requiredautofocus作爲選項,輸入字段值爲true。 上面會產生如下HTML元素:

<input autofocus="autofocus" id="product_price" max="20.0" min="1.0" name="product[price]" required="required" step="0.5" type="number"> 
+3

值得一提的是,沒有什麼HTML5具體怎麼回事:軌標記助手像'number_field'(通常)將任何其他選項到屬性以這種方式,無論是它們是否是有效的屬性。 –