資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML5 中設定浮點數輸入型別？
有時，我們需要提供一個接受浮點數的輸入欄位。有兩種方法可以做到這一點，假設您設計了一個表單，其中要求任何學生填寫表單的 CGPA 或要求填寫 CTC 的表單，這些數字可能是浮點數。
什麼是浮點數輸入型別？
帶有小數點的數字稱為浮點數或浮點數字。當我們需要提高精度時，會使用浮點數。
設定浮點數輸入型別的方法
話雖如此，HTML5 不支援“float”輸入型別。官方 HTML 規範不包含“float”輸入型別。不過，沒有必要以這種方式採用這些理念。
使用 HTML inputmode 屬性
在這種方法中，您必須在 input 元素上使用 inputmode="decimal"。因此，這將允許使用者在欄位中輸入浮點數或小數。
當 HTML inputmode 屬性設定為“decimal”時，瀏覽器會在移動裝置上顯示數字鍵盤。我們已經利用了啟用小數輸入的功能，pattern 屬性設定為一個正則表示式，該表示式接受任意數量的數字，後面可以選擇跟一個逗號或小數點。
示例
<!DOCTYPE html>
<html>
<body>
<h2>Set Float input Type</h2>
<input type="text" inputmode="decimal"
pattern="[0-9]*[.,]?[0-9]*">
</body>
</html>
使用 HTML step 屬性
在這種方法中，您必須在 input 元素上使用 step="0.01"。因此，這將允許使用者在欄位中輸入浮點數或小數。
step 屬性指定了可以增加或降低值的增量，它是 0.01。這使得可以以浮點數輸入價格輸入值。
注意：要了解更多關於HTML step 屬性的資訊，請關注附加的連結。
示例
<!DOCTYPE html>
<html>
<body>
<h2>Set Float input Type</h2>
<input type="number" id="price" name="price"
min="0" max="1000" step="0.01" />
</body>
</html>
更新於： 2024-07-22
864 次瀏覽
廣告