2011.09.14 12:30
Required filed는 입력을 강제화 시킬 수 있는 항목을 지정할 때 사용할 수 있습니다. 이 역시도 기존에 Java Script를 사용해서 이미 많이 사용하던 기능 중의 하나 입니다.
 HTML5에서는 아래와 같이 Required 속성을 사용 할 수 있습니다.

<form>
<label for="movie">What is your favorite movie : </label>
<input name="movie" type="text" required />
<input type="submit" value="Submit"/>
</form>

 만약 입력하지 않고 Submit 버튼을 누르게 되면 웹 브라우저는 사용자에게 입력을 요구 합니다.



사용하기 따라서 굉장히 편리한 기능이긴 하지만 아직까지 입력을 요구할 때 메시지를 설정하는 부분이 없고 지금은 FireFox와 Opera 9 만 지원하고 있어서 사용이 제한적입니다.

IE 9
Firefox 4
Safari 5
Chrome 8
Opera 9

  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>

저작자 표시 변경 금지
신고


티스토리 툴바