2012-12-07 4 views
2

아래 스크린 샷을 수행 할 수 있습니까? 입력은 숫자 유형이며 "px"는 입력 자체에 의해 자동으로 추가되며 변경할 수 없습니다.HTML5 입력 자리 표시 자 (입력시에도?)

enter image description here

+0

질문을 명확히하십시오. 바로 텍스트 막대에 타이핑 할 때도 '0 px'가 계속 표시되게 하시겠습니까? – poepje

+0

'JQuery'에서'placeholder'를 얻을 수 있습니까? –

답변

3

당신은 오른쪽에있는 텍스트 px이있는 span 요소와 사용자의 입력을 오버레이 수 있습니다.

+3

http://jsfiddle.net/NxfKs/ – Andy

+0

@Andy 감사합니다. 너무 게으른 것으로 나 자신을 처리합니다. –

2

그것은 placeholder가 아닙니다. 자리 표시 자만 사용자에게 예상되는 입력 유형을 나타 내기위한 것입니다. 당신은 할 수

:

  1. 사용 JS는
  2. 은 'PX'의 작은 벡터 이미지를 만들고 바로 위치 텍스트 상자의 배경으로 설정, 사용자 값을 확인하고 문자열 "픽셀"을 추가 할 수 있습니다.
1

입력 값을 document.getElementById로 가져온 다음 값에 'px'를 추가 할 수 있습니다. 마지막으로 입력 값을 설정할 수 있습니다.