HTML5 입력 유형 번호는 아이폰에 소수점 이하 자릿수를 제거

Question

가능한 중복 :
How can I make the HTML5 number field display trailing zeroes?

내가 "1.00"와 같은 입력에 돈 값을 시도하지만,있어 나는이 값을 입력 할 때 0은 제거되고 "1"이됩니다. 그러나 1.11을 입력하면 1.11을 유지합니다.

나는 <input type="number">을 사용하고 있습니다. 패턴을 사용하여 시도했지만 여분의 0은 항상 삭제됩니다. 또한 이것은 유형 = "숫자"로 iPhone에서만 발생합니다

누구든지이 문제를 해결하는 방법을 알고 있습니까? 아마도 type = "text"를 사용하는 방법이지만 전화로 숫자보기를 열 수 있습니까?

Answer 1

여기 가능한 트릭 :

position:absolute 및 visilibity:hidden를 사용하여, text 입력의 상단에 number 입력을 놓습니다. 그런 다음 숫자 입력에 onchange 이벤트 핸들러를 사용하여 parseFloat(this.value).toFixed(2)을 텍스트 입력에 넣습니다.

Answer 2

내 모바일 쇼핑을 위해 사용한 내용은 다음과 같습니다 calculator.

<input type="number" name="price" step="0.01" min="0.01" max="99" />