기본 텍스트로 시작하는 텍스트 영역 입력 강제

Question

항상 기본 텍스트로 시작하려는 텍스트 영역 (또는 편집 가능한 DIV) 입력이 있고 사용자가 편집 할 수 없습니다. 그래서 예를 들면 : My name is

사용자가 같은 이름을 추가 할 수 필요한 것 :

이

텍스트 상자는 항상 기본 값으로 시작하는 것 My name is David

그들은 My name is를 삭제 할 수 없을 것입니다 기본 텍스트. 사용자가 기본 텍스트의 아무 곳이나 클릭하면 커서는 해당 텍스트의 끝으로 이동하므로 기본값 이후를 제외하고는 무언가를 입력 할 기회조차 없습니다. 백 스페이스에 대해서도 마찬가지입니다. 기본 텍스트 (My name is)를 삭제할 수 없습니다.

제안 사항? Javascript/Jquery를 사용할 수 있습니다.

Answer 1

텍스트 영역 바로 옆에 라벨 (예 : span)을 붙이면 서 하나의 텍스트 영역처럼 보이게하는 것이 좋을 이유가 있습니다. 그 (것)들을 위로 일렬로 세우고 css를 사용하여 둘 다의 뒤에 배경 심상 (또는 CSS 국경)를 놓아서 원본 지역의 외관을 창조하십시오. 그런 다음 css를 사용하여 텍스트 영역의 일반 테두리를 끕니다. 코드 작성이 쉬워야합니다. 까다로운 부분은 올바르게 스타일을 지정하는 것입니다.

http://jsfiddle.net/eAW2U/

을 또는 당신이 (같은 줄에 원하는 경우에만 텍스트 상자 일 것이다 : 다른 줄에있는 텍스트를 꺼리지 않는 경우에 당신은 (다른 게시물에서)이 작업을 수행 할 수 정말 아닌 텍스트 영역, 당신은 그 (것)들에게

<div style="float:left">etc... 

을 떠 수있는 정도를 취소하는 경우 또는 당신은 키 누름가 전체 텍스트의 시작을 변경 끝날 경우 확인하고 확인하기 위해 키를 누를 때 /의 keyup 이벤트를 사용할 수 있습니다.