2016-11-18 4 views
2

미터법과 영국식 단위계를 모두 사용할 수있는 텍스트 상자가 있습니다. 문제는 내가 그것을 가능하게하기 위해서 텍스트 상자의 입력 유형이 숫자에서 텍스트로 변경되어야한다는 것입니다.텍스트 입력란에 html5 입력란의 회 전자 입력란이 있습니까?

이전 상자였다 -

<input id="thickness" type="number" value="10" min="2" max="100" step="1" /> 

현재 상자입니다 -

<input id="thickness" type="text" value="10" min="2" max="100" step="1" /> 

HTML5는 텍스트 형태로 스피너를 지원하지 않습니다. JS에서 외부 지원을 추가하지 않고 텍스트 형식의 기본 HTML5 회 전자를 지원하는 다른 해결 방법이 있습니까?

+2

왜 텍스트가 필요한지 설명해 주실 수 있습니까? 제국 및 미터법 모두 숫자입니다. 순수한 html5를 사용하려면 아니오를 입력해야합니다. – Icewine

+0

임페리얼 시스템은 작은 따옴표와 큰 따옴표로 나타내야하기 때문에. 보이는 입력 번호를 유지함으로써 그렇게 할 수 없습니다. – srishti

답변

1

아니요, HTML5는 작업을 수행하기에 좋은 구성 요소가 많은 경우에도 단지 프론트 엔드에 불과하므로 사용자가 볼 필요가없는 내용을 변경해야하는 경우 JS (또는 Jquery), 입력의 DOM을 Jquery로 바꿀 수 있습니다.

+0

jquery-ui의 spinner() 메소드를 사용하려고합니다. 입력 해 주셔서 감사합니다. – srishti

+0

spinner() 메소드의 스코프보기에주의하십시오. "나는 노력하고있어."라고 읽으면 문제가 있다고 제안하게됩니다. – Fedeco

+0

나는 맞춤형 스피너를 만들었고 스피너에서 문자열 (예 : - 10cm)을 사용해야했습니다. 내가 한 유일한 문제는 스피너가 처음 사용되었을 때 스핀 이벤트가 시작되지 않는다는 것입니다. 다른 이벤트가 발생하면 예상대로 작동합니다. focusout이 잘 작동하지만 스핀 이벤트가 작동하지 않습니다. – srishti