HTML5 속성 autocomplete novalidate autofocus formaction

HTML5 속성

HTML5는 <input>에 다음 속성을 추가했습니다.

1. 자동 완성(autocomplete)

2. 자동 초점(autofocus)

3. 형태(form)

4. 형성 작용(formaction)

5. 형식(formenctype)

6. 형식 방법(formmethod)

7. 포름 알데히드(formnovalidate)

8. 폼 타겟(formtarget)

9. 높이 및 너비(height and width)

10. 명부(list)

11. 최소 및 최대(min and max)

12. 배수(multiple)

13. 패턴 (pattern)

14. 자리 표시 자(placeholder)

15. 필수(required)

16. 단계(step)

<form>에 대한 다음 특성 :

1. 자동 완성(autocomplete)

2. 노비 디스(novalidate)

자동 완성 속성(The autocomplete Attribute)

autocomplete 속성은 폼이나 입력 필드가 자동 완성을 켜거나 끌지 여부를 지정합니다.

자동 완성 기능이 켜지면 브라우저는 사용자가 이전에 입력 한 값을 기반으로 입력 값을 자동으로 완성합니다.

팁 : 양식에 대해 자동 완성 기능을 사용하고 특정 입력 필드에 대해 '사용 안 함'또는 그 반대로 자동 완성 기능을 사용할 수 있습니다.

자동 완성 속성은 텍스트, 검색, URL, 전화 번호, 이메일, 비밀번호, 날짜 피커, 범위 및 색상과 같은 <form> 및 <input> 유형과 함께 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

자동 완성 기능이있는 HTML 양식 (한 입력 필드에 대해 사용 중지됨) :

<form action = "action_page.php"autocomplete = "on">

  이름 : <input type = "text"name = "fname"> <br>

  성 : <input type = "text"name = "lname"> <br>

  전자 메일 : <input type = "email"name = "email"autocomplete = "off">

  <input type = "submit">

</ form>

팁 : 일부 브라우저에서는 자동 완성 기능을 활성화해야 작동 할 수 있습니다.

The novalidate Attribute(novalidate 특성)

novalidate 속성은 <form> 속성입니다.

novalidate는 제출할 때 양식 데이터의 유효성을 검증하지 말아야한다고 지정합니다.

OperaSafariChromeFirefoxInternet Explorer

예

제출시 양식의 유효성을 확인할 수 없음을 나타냅니다.

<form action = "action_page.php"novalidate>

  전자 메일 : <input type = "email"name = "user_email">

  <input type = "submit">

</ form>

The autofocus Attribute(자동 초점 속성)

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

OperaSafariChromeFirefoxInternet Explorer

예

페이지가로드 될 때 "이름"입력 필드에 자동으로 포커스가 놓이게하십시오.

이름 : <input type = "text"name = "fname"autofocus>

The form Attribute(양식 속성)

form 속성은 <input> 요소가 속한 하나 이상의 양식을 지정합니다.

팁 : 둘 이상의 양식을 참조하려면 공백으로 구분 된 양식 ID 목록을 사용하십시오.

OperaSafariChromeFirefoxInternet Explorer

예

HTML 양식 외부에있는 입력 필드 (양식의 일부분 임) :

<form action = "action_page.php"id = "form1">

  이름 : <input type = "text"name = "fname"> <br>

  <input type = "submit"value = "Submit">

</ form>

성 : <input type = "text"name = "lname"form = "form1">

The formaction Attribute(formaction 속성)

formaction 속성은 양식이 제출 될 때 입력 제어를 처리 할 파일의 URL을 지정합니다.

formaction 속성은 <form> 요소의 action 속성을 덮어 씁니다.

formaction 속성은 type = "submit"및 type = "image"와 함께 사용됩니다.

OperaSafariChromeFirefoxInternet Explorer

예

서로 다른 동작을하는 두 개의 제출 버튼이있는 HTML 양식 :

<form action = "action_page.php">

  이름 : <input type = "text"name = "fname"> <br>

  성 : <input type = "text"name = "lname"> <br>

  <input type = "submit"value = "Submit">

  <input type = "submit"formaction = "demo_admin.asp"

  value = "관리자로 제출">

</ form>