雖然我很確定這是昨天還是前一天工作,但例如,<input type="number" min="0" max="50" step="10" value="0" />
不再適用於IE10。我用http://ie.microsoft.com/testdrive/HTML5/Forms/Default.html測試了我的瀏覽器,但它不再工作。還有誰有相同的問題嗎?或者,它從來沒有工作?<input type =「number」>在IE10中不工作
回答
IE不支持input type =「number」,但可以使用polyfill使其工作。
謝謝,我猜想polyfill的東西壞了(我沒有寫,只是調試),因爲它工作。乾杯。 –
IE 10 *不支持數字輸入類型,它只是不能很好地呈現它。你不是在尋找一個polyfill,而是一個完全成熟的微調控制器。 – scravy
@scravy這是一個輕描淡寫。它甚至在沒有告訴用戶發生了什麼事情的情況下清除非數字值。 – OdraEncoded
IE10沒有Number支持。來源:Can I use ... yet?
剛剛在我們的Windows 8測試機器上驗證,在IE10的測試驅動器網站上沒有數字微調器。
IE 10部分支持號碼輸入。在放置任何非數字值時,它只會清除輸入字段(支持),但從不顯示微調(不受支持)。 –
在谷歌瀏覽器中,我們不能將任何非數字的字段放入字段中。在IE和MS Edge中,將字母字符放在字段中,將丟失的焦點上的字段重置爲0,並以紅色突出顯示該字段。這不是一個理想的行爲,它應該是固定的。 – Naomi
的Internet Explorer 10支持數量的輸入。這從粗略檢查their documentation以及嘗試在瀏覽器中使用它是明顯的。例如,試圖在數字輸入中放置一個字母將導致該值在控件失去焦點時被清除。
你也可以擁有,檢測通過編程做上述試驗數支持:
// Create the element
var element = document.createElement("input");
// Give it the number property and invalid contents
element.type = "number";
element.value = "qwerty";
// Value should be empty
alert(element.value ? "Not Supported" : "Supported");
運行這個測試:http://jsfiddle.net/VAZwT/
這很可能是你正在逐步等同增強UI (紡紗廠)支持控制本身。我已經看到這已經讓一些人感到困惑。 一些瀏覽器增加了額外的控件補充數字輸入,但這不是(據我所知)的支持需求。
爲min
,max
和step
一些簡單的測試上的jsfiddle:http://jsfiddle.net/sDVK4/show/
微軟驗證錯誤/錯誤仍與輸入類型=數字,這是IE11爲好。
正當我開始再次如Internet Explorer ...希望他們能在IE12解決這個問題,十指交叉
- 1. 使用<input type = number>
- 2. 爲什麼<input type =「number」maxlength =「3」>在Safari中不工作?
- 3. Grails <field type =「number」...>不工作......?
- 4. 將值設置爲<input type =「number」/>
- 5. 在<input type =「number」>中禁用文本輸入>
- 6. 如何在IE10中設置<input type ='range'/>
- 7. <Input type =「file」>在我的WebView中不工作
- 8. 不能設置幾個數字到<input type =「number」>
- 9. <input type =「file」/>
- 10. HTML中的可編輯單位<input type =「number」>
- 11. <input type =「number」/>沒有在iOS上顯示數字鍵盤
- 12. <canvas>不能在IE10中工作
- 13. <input type =「submit」/>和<input type =「text」/>
- 14. <input type ='button'/>和<input type ='submit'/>之間的區別
- 15. 文本修飾不工作<INPUT TYPE = 「按鈕」>在Opera
- 16. 針對<input type =「number」>的服務器端代碼
- 17. 樣式<input type = number />微調箭頭正確
- 18. 使用AngularJS和Pattern/RegEx驗證<input type =「number」/>
- 19. <input type =「number」/>什麼事件發生變化時觸發?
- 20. <input type ='number'>是自動遞增的。錯誤?
- 21. <button>與<INPUT TYPE =「圖像」>
- 22. 定製<input type =「file」>?
- 23. 增加<input type =「text」>
- 24. 驗證<input type =「date」>
- 25. 更改<input type =「submit」>
- 26. 爲<input type ='submit'>
- 27. <input type =「text」/>換行
- 28. <type =「input」runat =「server」>
- 29. 清除<input type = file>
- 30. HTML5 <input type =「date」> change
它也並不在IE瀏覽器11的http:// caniuse。 com /#feat =輸入號碼 –