jQuery 텍스트 상자에 텍스트를 입력 하시겠습니까?

Question

코드/플러그인/무엇이든 텍스트 상자에서 텍스트 편집기에서 삽입 단추를 누를 때와 비슷한 텍스트 상자를 만들 것이며 입력 한 내용은 기존 텍스트 위에 입력됩니다. 나는 웹 개발자에게 새로운 사람이다. 감사.

Answer 1

가벼운 방법은 labelOver plugin이며, demo here입니다. 당신은 예를 들어 데모 페이지를 봐, 귀하의 요구에 대한 CSS를 조정

$('label').labelOver('over'); 

:

<div class="label"> 
    <label for="applied">Applied</label> 
    <input type="text" id="applied" /> 
</div> 

다음

JQuery와 :

마크 업이 같이 보입니다. 근원을 위해, look here, 아주 경량. 또 다른 큰 플러스 어떤 대체 플러그인의 은하지 않습니다 : 또한 자바 스크립트를 사용하지 않으면 정상적으로 성능이 저하되고 입력에 대한 레이블을 클릭하면 어떤 브라우저에서든 포커스를 얻으므로 기본 동작을 폴백으로 사용합니다.

이 대안이 분명하지만, 몇 가지 시도 후,이 난에 정착 한이 : 등

Answer 2

어쩌면

이 Jeditable 크기, 쉽게 스타일을 사용자 정의 할 수있는 능력, 하시나요? 여기에 demo이 있습니다.