2011.09.15 12:30
Search 타입은 텍스트 필드와 크게 다를 바 없어 보이지만 검색어 입력에 조금더 편의를 준다는 점에서 차이가 있습니다. 그렇다고 해서 아주 대단한 정도는 아니고 단어를 입력할 때 검색어를 지울 수 있는 버튼이 추가로 제공된다는 정도의 차이 입니다.

<input id="mysearch" type="search" />

아무래도 크게 중요한 기능이 아니어서 그런지 아직 많은 웹 브라우저에서 지원하지는 않고 있습니다.


Browsers Tweak search box?
IE 9 Beta
Firefox 4
Safari 5
Chrome 8
Opera 9

지원하는 웹 브라우저를 보면 Safari 5, Chrome 8 정도인데 지원하는 웹 브라우저의 특징을 보면 모바일 기능이 강력한 웹 브라우저들 입니다.


Search와 함께 Placeholder를 함께 사용하는 것도 가능합니다.

<label for="mysearch2">Enter your search string here : </label>
<input id="mysearch2" type="search" placeholder="search">


김영욱 iwinkey@hotmail.com

현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다.
올해는 컨슈머와 관련된 앱을 만드는 다양한 업체들을 발굴하고 지원하는 일을 맡고 있습니다.


HTML5 강좌 전체 목록
  1. HTML5 DocType의 정의
  2. HTML5 Header stuff
  3. Audio
  4. Video
  5. Canvas
    Canvas: Rectangle
    Canvas: Shadow
    Canvas: Path
    Canvas: Image
    Canvas: Text
  6. Web form 2.0
    Input Attr: Placeholder
    Input Attr: Autofocus
    Input Attr: Required field
    Input Attr: DataList
    Input Type: Search
    Input Type: Email, URL, Phone
    Input Type: Range
    Input Type: Number
    Input Type: Date
    Input Type: Color
  7. Towards Semantic Web
    Semantic <mark>
    Semantic <time>
    Semantic <meter>
    Semantic <progress>
    Semantic <section>
    Semantic <header>
    Semantic <footer>
    Semantic <nav>
    Semantic <article>
    Semantic <aside>
저작자 표시 변경 금지
신고


티스토리 툴바