Recent Posts
Recent Comments
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

엔디프의 웹표준 커버스토리

placeholder 기능에 대한 고찰 본문

CSS연구소

placeholder 기능에 대한 고찰

박세환 2014. 8. 12. 12:38

안녕하세요 엔디프 입니다.

이번에는 placeholder 에 대하여 한번 알아보겠습니다.


PLACEHOLDER 란 인풋텍스트나 아레아 등에서 안내 문구를 삽입해 주는 기능입니다.



그리고 클릭하면 사라지는 아주 좋은 기능입니다.

placeholder를 넣지 않고 이 기능을 구현하기 위해서는 복잡한 스크립트를 사용해야 하므로 개발자나 스크립터가 아닌 이상에야 사용하기가 불편합니다.


ex) ----------------------------------------------------------------------------------------------------------------------
<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form> 
----------------------------------------------------------------------------------------------------------------------


하지만,

이 placeholder기능의 문제는 익스 하위버전에서 지원되지 않는다는것입니다.

나쁜예이긴하지만 아직까지 우리나라에서는 익스7버전에 맞춰서 작업을 해줘야 하는것이 현실이므로.. 익스하위버전에 맞추기 위한 방법을 간단하게 소개하겠습니다.


방법은 그냥 간단하게 스크립트 하나만 넣어주면 됩니다.[첨부파일]



js파일을 넣으므로서 익스 하위버전에서도 노출이 되나 프로그래머나 스크립터가 코드를 짤때 충돌이 생기거나 어떤 문제가 발생할 가능성이 크므로
가급적이면 사용하지 않고 개발자에게 맡기는것이 좋을것으로 판단합니다.





Comments