>  기사  >  웹 프론트엔드  >  HTML5의 양식 속성

HTML5의 양식 속성

黄舟
黄舟원래의
2016-12-22 15:14:401436검색

이 장에서는 HTML 5의 새로운 양식 속성을 소개합니다.

새로운 양식 속성: 자동 완성, 유효성 검사 없음.

새 입력 속성: 자동 완성, 자동 초점, 양식, 양식 재정의(formaction, formenctype, formmethod, formnovalidate, formtarget), 높이 및 너비, 목록, 최소, 최대 및 단계, 다중, 패턴(regexp), 자리 표시자 , 필수의.

브라우저는

HTML5의 양식 속성

자동 완성 속성을 지원합니다.

자동 완성 속성은 양식 또는 입력 필드에 자동 완성 기능이 있어야 함을 지정합니다.

예:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get" autocomplete="on">
  First name:
  <input type="text" name="fname" />
  <br />
  Last name:
  <input type="text" name="lname" />
  <br />
  E-mail:
  <input type="email" name="email" autocomplete="off" />
  <br />
  <input type="submit" />
</form>
<p>请填写并提交此表单,然后重载页面,来查看自动完成功能是如何工作的。</p>
<p>请注意,表单的自动完成功能是打开的,而e-mail 域是关闭的。</p>
</body>
</html>

참고: 일부 브라우저에서는 이 속성을 적용하려면 자동 완성을 활성화해야 할 수도 있습니다.


autofocus 속성

autofocus 속성은 페이지가 로드될 때 필드가 자동으로 포커스를 얻도록 지정합니다.

참고: autofocus 속성은 모든 태그 유형에 적용됩니다.

예:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get">  User name:
  <input type="text" name="user_name" autofocus />
  <input type="submit" />
</form>
</body>
</html>

양식 속성

양식 속성은 입력 필드가 속하는 하나 이상의 양식을 지정합니다.

참고: 양식 속성은 모든 태그 유형에 적용됩니다.

양식 속성은 자신이 속한 양식의 ID를 참조해야 합니다. 예:

<!DOCTYPE HTML>
<html>
<body>
<form action="demo_form.php" method="get" id="user_form">
  First name:
  <input type="text" name="fname" />
  <input type="submit" />
</form>
<p>下面的输入域在form 元素之外,但仍然是表单的一部分。</p>
Last name:
<input type="text" name="lname" form="user_form" />
</body>
</html>

위 내용은 HTML5의 form속성 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.