목록PlaceHolder (2)
web sprit
placeholder 는 input 박스 안에 input 의 사용용도나 설명 내용을 넣을 수 있습니다. 하지만 기존의 낮은 브라우저에서 작동을 하지 않기 때문에 label 태그를 이용하거나 다른 태그에 내용을 넣어 스크립트로 작동하게 만들어 사용하였습니다. CSS3 기술임으로 모바일 위주의 작업에서 사용하면 유익할 것으로 보입니다. 다음은 input 에 placeholder 를 사용하는 코드입니다.123 Colored by Color Scriptercs 다음은 placeholder 선택자를 사용하여 input을 입력하기전 내용을 꾸며 줄 수 있습니다.12345678.text-placeholder-wrap{border-radius:5px; border:1px solid #e1e1e1; padding:20p..
input의 placeholder속성은 input란에 대한 설명을 보여주기 위한 html5 속성이다.placeholder는 낮은 브라우져에 적용이 안되어 나오지 않는다.예로 익스7~9에 나오지 않는다. 이런 문제를 해결하기 위하여 placeholders.min.js 를 사용하면 된다. 사용 방법은 매우 간단하다.스크립트 태그로 placeholders.min.js 를 연결하여 그대로 사용하면 적용 된12345 /*위와 같이 작성하면 익스7~9 모두 적용된다.*/cs 결과 :