본문 바로가기
  • AI (Artificial Intelligence)
Skills/Web

[Web] Attributes > placeholder

by 로샤스 2014. 12. 29.

placeholder는 HTML5에서 추가된 속성으로, input과 textarea에 안내문구를 넣을 수 있게 해줍니다. 양식 상자 안에 나타나고, 커서를 위치시키면 사라집니다.

간단한 예는 다음과 같습니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>HTML Attribute | placeholder</title>
  </head>
  <body>
    <p><input type="text" name="name" placeholder="Name"></p>
  </body>
</html>

비슷한 속성으로 value가 있습니다.

<p><input type="text" name="name" value="Name"></p>

placeholder와 비슷한 결과를 보여주나, 커서를 위치시켰을 때 사라지지 않습니다. 그리고, 아무것도 입력하지 않고 폼을 전송했을 때, placeholder는 빈 값을 전송하나 value는 Name을 값으로 전송한다는 차이가 있습니다.

placeholder는 상당히 유용한 속성이지만, IE9 이하에서는 지원하지 않는다는 단점이 있습니다. IE9 이하에서도 적용하기 위해서는 스크립트를 이용해야 합니다. 이에 대한 설명은 다음의 링크에 있습니다.

 

 

 

 

 

 

 

 

 

출처 : http://www.cmsfactory.net/node/10224

 

 

 

 

 

 

 

 

'Skills > Web' 카테고리의 다른 글

jQuery를 이용한 Modal 생성  (0) 2015.12.31
How to install Tomcat on CentOS 7  (0) 2015.12.23
Installing MySQL Server on CentOS  (0) 2015.09.23
CentOS - Apache and PHP Install  (0) 2015.09.23
CentOS 64bit APM 소스 설치  (0) 2015.09.23

댓글