텍스트가있는 입력 상자를 만들려고 시도합니다.

Question

입력 상자뿐 아니라 텍스트 위에 CSS를 작성하려고합니다. 입력 상자를 만들 수 있었지만 그 입력 필드와 연결된 lable이 맨 위에 표시되는 CSS를 추가하는 방법을 모르겠습니다. 여기 내가

http://jsfiddle.net/McdhR/2/

편집

<div class="header"> 


<div class="workspaceDetails"> 




<input name="t" id="hj" class="input"/> 
<input name="t" id="hj" class="input"/> 
<input name="t" id="hj" class="input"/>  




</div> 


.header { 
     background-color:#f5f5f5; 
     height:50px; 
     overflow:hidden; 
    } 

.input 
    { 
     -moz-border-radius: 5px; 
     -webkit-border-radius: 5px; 
     border-radius: 5px; 
    }​ 

Answer 1

내가 업데이트 한 사용자의 jsfiddle http://jsfiddle.net/trickeedickee/McdhR/3/

placeholder 속성이 무엇인지에 대한 예입니다 HTML5의 새로운 점 그리고 일할 것이다. 제한된 브라우저에서. value 속성은 모든 브라우저에서 작동합니다.