wulin.com의 기사 소개 (www.vevb.com) : 새로운 형태의 특성에 대한 HTML5 일일 연습.
많은 새로운 태그와 기능적 속성이 HTML5에 추가되었습니다. 오늘 우리는 HTML5의 양식 양식의 새로운 사용 방법을 살펴볼 것입니다. 그렇다면 HTML5에 새로 추가 된이 기능과 이전에 사용한 기능의 차이점은 무엇입니까? 아래 몇 가지 장면을 살펴 보겠습니다. 이해할 것입니다 ~
페이지에 다른 양식 요소를 제출 해야하는 경우 이러한 양식 요소는 HTML의 다양한 위치에 배포되면 모든 양식 태그 만 포함 할 수 있습니다.
오래된 방법 :
<form id = form1 action =>
<input id = username name = username type = text/>
<입력 ID = userpwd name = userpwd type = password/>
<입력 ID = userage name = userage type = text/>
<입력 유형 = 제출 값 = 제출/
</form>
그러나이 양식에 제출할 필요가없는 일부 요소 (사용자 지)가 포함되어 있으면 어떻게해야합니까? 배경 프로그래머 가이 매개 변수를 수락하지 않거나 JS를 사용 하여이 양식에 제출 해야하는 모든 내용을 숨겨진 숨겨진 영역에 넣은 다음 제출하도록 제출할 수 있습니다. 다음으로 수정할 수 있습니다
개선 :
<form id = form1 action =>
<input id = hd_username name = username type = hidden/>
<입력 ID = hd_userpwd name = userpwd type = hidden/>
</form>
<input id = username name = username type = text/>
<입력 ID = userpwd name = userpwd type = password/>
<입력 ID = userage name = userage type = text/>
<입력 유형 = 제출 값 = 제출/
글쎄, 이와 같이 분류하는 것이 좋고 우리의 요구 사항을 충족시킬 수 있지만, 네트워크 리소스와 HTTP 요청 패킷을 낭비하는 JS가 너무 많고 프로젝트 크기를 증가 시키며 유지하기가 비교적 번거 롭습니다.
HTML5 방법 :
<form id = form1 action =>
<입력 유형 = 제출 값 = 제출/
</form>
<input id = username name = username for = form1 type = text/>
<input id = userpwd name = userpwd for = form1 type = password/>
<입력 ID = userage name = userage type = text/>
for attribute here = 양식 ID,이 요소가 속한 형식이 분명하게 나타납니다. 레이블의 특성으로 속성에 대해 이것을 이해할 수 있지만이 경우 HTML5에서는 FOME1의 요소에 속합니다. 이제 코드를 살펴보면 훨씬 깨끗하고 프로젝트 파일이 크지 않아 유지 관리가 쉽습니다.
이해하지 못하면 메시지를 직접 남겨 둘 수 있으며 가능한 한 빨리 모든 사람에게 답장을 드리겠습니다.
당신이 이것을 이해한다면, 당신은 직접 연습하고 모든 사람들이 함께 진전을 이룰 수 있도록 게시 할 수 있습니다!