CSS3의 도움으로 입력 할 자리 표시자를 추가하고 싶습니다.

Question

스크립트의 도움으로 알고 있습니다. 그러나 몇 가지 한계로 인해 우리는 css3의 도움으로 할 수 있습니다. 미리 감사드립니다.

Answer 1

예. 것이 가능하다. 다음 예제를 사용할 수 있습니다.

HTML 코드 :

<input type="text" value="" class="email_field"/> 
<label class="label">Email</label> 

CSS 코드 : 입력에

.email_field { 
    width:95%; 
    z-index:3; 
    position:relative; 
    background-color:transparent; 
} 
label { 
    position:absolute; 
    display:block; 
    top:3px; 
    left:4px; 
    z-index:1; 
} 

Answer 2

사용하는 자리 표시 자 속성

<input type="text" placeholder="placeholder_text"/>