Wulin.com의 기사 소개 (www.vevb.com) : HTML5에서는 웹 양식 2.0 표준이 흡수되고 형태 요소의 기능이 크게 강화되어 형태의 개발이 더 빠르고 편리합니다.
HTML5에서는 웹 양식 2.0 표준이 흡수되고 형태 요소의 기능이 크게 강화되어 형태의 개발이 더 빠르고 편리합니다.
1. 속성HTML5에서는 페이지의 어느 곳에서나 양식 슬레이브 요소를 작성한 다음 요소에 양식 속성을 지정할 수 있으며 속성 값은 양식의 ID이므로 요소가 지정된 양식에 속하도록 선언 할 수 있습니다.
<form id = test> <입력 유형 = 텍스트> </form> <textarea form = test> </textarea> 2. 형식화 속성HTML5에서는 모든 제출 버튼에 다른 형식의 속성을 추가하고 다른 버튼을 클릭 한 다음 다른 페이지에 다른 양식을 제출할 수 있습니다.
<입력 유형 = 제출 형식 = a.php> <입력 유형 = 제출 형식 = b.php> 3. omethod 속성HTML5에서는 Formation 속성을 사용하여 각 폼 요소에 대해 다른 제출 페이지를 지정할 수 있으며 FormThod 속성을 사용하여 각 양식 요소에 대해 다른 제출 방법을 지정할 수도 있습니다.
<입력 유형 = 제출 형식 = a.php formmethod = post> <입력 유형 = 제출 형식 = a.php formmethod = get> 4. placeholder 속성자리 표시자는 텍스트 상자가 무례한 상태에 있고 커서 초점을 얻지 못할 때 문자 메시지의 불투명도를 줄이는 것을 말합니다. 예를 들어,이 웹 사이트의 네트워크 기반 검색 상자의 효과는 다음과 같습니다.
<입력 유형 = 텍스트 자리 표시기 = 검색하려면 여기를 클릭하십시오.> 5. AAutofocus 속성텍스트 상자, 선택 상자 또는 버튼 컨트롤의 커서 초점을 자동으로 얻습니다.
<입력 유형 = 텍스트 자동 초점> 6.리스트 속성html5에서는 단일 줄 텍스트 상자에 목록 속성을 추가하면 속성의 값이 데이터리스트 요소의 ID입니다. 데이터리스트 요소는 선택 상자와 유사합니다. 요소 자체는 표시되지 않지만 텍스트 상자에 초점을 맞출 때 프롬프트 입력으로 표시됩니다.
<입력 유형 = 텍스트 목록 = webjxcom> <datalist id = webjxcom style = display : none;> <pluxt> html </옵션> <sollite> css </옵션> <pluxt> javaScript </옵션> </datalist>이 요소를 지원하지 않는 브라우저에서 잘못 표시되지 않으려면 CSS 등으로 표시되지 않도록 설정하십시오.
7. auotComplete 속성보조 입력에 사용되는 자동 완료 기능은 입력 시간을 저장하며 매우 편리한 기능입니다. auotComplete 속성의 경우 on, OFF 및 (지정되지 않음)의 세 가지 값을 지정할 수 있습니다.
<입력 유형 = 텍스트 autocomplete = on list = webjxcom>