엔디프의 웹표준 커버스토리
placeholder 기능에 대한 고찰 본문
안녕하세요 엔디프 입니다.
이번에는 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>
<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파일을 넣으므로서 익스 하위버전에서도 노출이 되나 프로그래머나 스크립터가 코드를 짤때 충돌이 생기거나 어떤 문제가 발생할 가능성이 크므로
가급적이면 사용하지 않고 개발자에게 맡기는것이 좋을것으로 판단합니다.
'CSS연구소' 카테고리의 다른 글
블록요소와 인라인요소 (0) | 2016.01.21 |
---|---|
라디오버튼 디자인방법 (0) | 2015.01.27 |
REM 과 EM 의 차이점에 대해서 알아봅시다 (1) | 2015.01.11 |
이미지스프라이트기법으로 코딩해보기 (1) | 2014.08.01 |
나눔고딕연구 (1) | 2014.07.17 |
Comments