placeholder 검색 결과

해당 글 2건

IE9이하 custom placeholder 처리하기

Custom Placeholder 플레이스 홀더는 브라우저마다 조금씩 다르게 구현되어 있습니다. 예를 들어, Chrome 은 텍스트 필드에 키값이 입력되어질 때 플레이스홀더 마킹이 사라지고 키값에 대한 텍스트를 모두 지웠을 경우에 플레이스홀더 마킹값이 나타나게 됩니다. 그리고 IE10이상에서의 플레이스홀더는 텍스트 필드에 포커스가 갈 경우에 바로 플레이스홀더 마킹이 사라지게 됩니다. IE9이하에서는 플레이스홀더가 지원하지 않기 때문에 IE9이하를 위한 사용자 플레이스홀더를 알아보도록 합니다. IE9이하 Custom Placeholder 다음의 사용자 플레이스홀더는 IE10이상은 오리지널 플레이스홀더를 사용하고 IE9이하에서만 사용자 플레이스홀더를 지원하도록 합니다. 그리고 IE10이상의 오리지널 플레이스..
Code Lab 9년 전

placeholder 크로스브라우징

placeholder 속성 placeholder 속성은 힌트(한 단어나 짧은 구)를 나타냅니다. 이러한 힌트는 사용자가 데이터를 입력하는데 도움을 주는 목적입니다. 이것은 값의 예가 될수도 있고, 기대하는 형태의 짤막한 설명이 될 수도 있습니다. 속성값 : 속성 값은 줄바꿈 문자를 제외한 텍스트입니다. HTML 메모 긴 힌트나 조언 텍스트에는 title 속성 이 좀 더 적절합니다. placeholder 속성을 label 요소 를 대체할 목적으로 사용해서는 안됩니다. input 요소와 textarea 요소의 placeholder 속성과의 차이는 힌트 텍스트 '길이' 정도입니다. 보통 input 요소의 길이가 textarea 요소보다 짧기 때문입니다. 하지만 명세에서 '길이'에 대한 명확한 안내는 없고, 일..
Code Lab 9년 전