2012-07-06 6 views
1

제거 할 수없는 기본 시작 텍스트로 입력하는 간단한 방법이 있습니까? 예를 들어, 사용자 정의 URL을 입력하고 싶습니다. "www.mysite.com/"(입력 안에 있음)이 입력 후에도 입력을 계속하고 싶지만 지울 수는 없습니다.영구적 인 자리 표시 자?

+0

왜 'www.mysite.com /'으로 입력을 추가하지 않으시겠습니까? (예 :' www.mysiste.com') –

+0

많은 해결 방법이 있다는 것을 알고 있습니다. (아래처럼)이 입력 (및 컨테이너)을 사용자 정의 스타일로 지정해야합니다. 그래서 다른 것이 가능한지 알고 싶었습니다. 방법. – Brian

답변

3

그냥 사용

<label> 
    Path: www.mysite.com/<input 
     name="path" 
     value="" 
     placeholder="images/foo.jpg"> 
</label> 

은 ... 다음 서버에 접두사를 추가합니다.

당신은 투명하게 입력의 배경 및 테두리의 스타일을 지정하고 모든에 다음 입력에 대한 때 onKeyPress 핸들러를 설정할 수 <label>

+0

글쎄, 나는 그것을 입력 자체 안에 넣을 수있다. * 가능하다면 가능하지만 그렇다. :) – Brian

+0

@ 브라이언 - 답변에 제안 된대로 스타일을 지정하면 입력 내용에 * 표시됩니다. – Quentin

0

에 적절한 배경 및 테두리를 적용 할 수 있습니다 keypress는 접두사로 입력이 시작되는지 여부를 확인합니다 (그렇지 않은 경우 다시 입력 할 수 있음).

그러나 실전에서는 이것이 구현 및 유용성 측면에서 끔찍한 생각이라고 생각됩니다.

다소 건강한 접근 방식은 같은 일을하는 onBlur 이벤트를 사용하는 것입니다. 즉시 입력되지 않습니다. 입력을 업데이트하지만 사용자가 클릭하면 수정됩니다.