아래 스크린 샷을 수행 할 수 있습니까? 입력은 숫자 유형이며 "px"는 입력 자체에 의해 자동으로 추가되며 변경할 수 없습니다.HTML5 입력 자리 표시 자 (입력시에도?)
2
A
답변
3
당신은 오른쪽에있는 텍스트 px
이있는 span
요소와 사용자의 입력을 오버레이 수 있습니다.
+3
http://jsfiddle.net/NxfKs/ – Andy
+0
@Andy 감사합니다. 너무 게으른 것으로 나 자신을 처리합니다. –
2
그것은 placeholder가 아닙니다. 자리 표시 자만 사용자에게 예상되는 입력 유형을 나타 내기위한 것입니다. 당신은 할 수
:
- 사용 JS는 은 'PX'의 작은 벡터 이미지를 만들고 바로 위치 텍스트 상자의 배경으로 설정, 사용자 값을 확인하고 문자열 "픽셀"을 추가 할 수 있습니다.
1
입력 값을 document.getElementById로 가져온 다음 값에 'px'를 추가 할 수 있습니다. 마지막으로 입력 값을 설정할 수 있습니다.
관련 문제
- 1. HTML5 자리 표시 자 텍스트의 텍스트 그림자
- 2. HTML5 자리 표시 자 기능 감지 문제
- 3. HTML5 & 자리 표시 자 : 점진적으로 수행하는 방법?
- 4. HTML 자리 표시 자
- 5. IE의 자리 표시 자
- 6. WP7.5 및 jquerymobile 입력 자리 표시 자
- 7. 자리 표시 자 - 텍스트 입력 용
- 8. iOS의 입력 날짜 자리 표시 자 값
- 9. Zend_Form 자리 표시 자 변환
- 10. 빈 자리 표시 자?
- 11. 데이터 자리 표시 자
- 12. 자리 표시 자 함수
- 13. 영구적 인 자리 표시 자?
- 14. 입력 자리 표시 자 색상을 변경하는 방법 javascript onmouseover, 자리 표시 자 값 onmouseover를 변경 하시겠습니까?
- 15. html 자리 표시 자 속성
- 16. 이전 브라우저 용 HTML5 자리 표시 자 플러그인
- 17. HTML5 Form Text 자리 표시 자 - CSS 의사 클래스가 있습니까?
- 18. 빈 입력 필드에 자리 표시 자 텍스트 표시
- 19. Struts 안의 HTML5 자리 표시 자 html : text 태그
- 20. Symfony 1.4에서 HTML5 자리 표시 자 사용 방법
- 21. 젠드보기 도우미 자리 표시 자
- 22. Sharepoint 2007 자리 표시 자
- 23. 사진을 다운로드하기위한 자리 표시 자
- 24. Android HTML 자리 표시 자
- 25. asp.net 자리 표시 자 사용
- 26. C# printformat 자리 표시 자
- 27. Winforms 컨트롤 자리 표시 자
- 28. pymssql 및 자리 표시 자
- 29. 자바 스크립트 자리 표시 자
- 30. 자리 표시 자 텍스트 서식
질문을 명확히하십시오. 바로 텍스트 막대에 타이핑 할 때도 '0 px'가 계속 표시되게 하시겠습니까? – poepje
'JQuery'에서'placeholder'를 얻을 수 있습니까? –