비주얼스튜디오 코드(Visual

by

※

-낮 사용자로부터 데이터를 받을 때 사용되며 사용자가 입력한 데이터를 데이터베이스에 입력하기 위해 사용되는 필수 요소 중 하나입니다.

의도적으로 다음 11개의 태그를 적절하게 조합하여 사용하십시오.

전반적인 구조와 기능은 물론 사용 빈도와 중요성에 대해 알아보십시오. , 태그는 다음 섹션에서 자세히 설명합니다.

색인

'추천 관련글,

1. 폼의 기본 구조 및 동작

2. 폼의 하위 태그

3. 양식 속성 및 메서드

1. 폼의 기본 구조 및 동작

@form의 기본 구조

@코드로 보기
<모양>
<필드 세트> --Elemente, die dieselben Elemente innerhalb des Formular-Tags gruppieren-->
<전설>전설> --Namen der zu gruppierenden Elemente-->
필드 세트>
모양>

이것이 @form이 작동하는 방식입니다.

(1) 사용자가 양식을 입력한 후 제출하면 해당 정보가 웹 서버로 전송됩니다.

(2) 웹 서버는 정보를 처리하며 대부분의 정보는 데이터베이스(DB)에 저장됩니다.

(3) CRUD 연산은 DB에서 이루어지며 연산 결과는 APP, WEB으로 전송된다.

(4) 서버는 수신한 정보를 브라우저로 보내기 위해 새로운 페이지를 생성합니다.

2. 폼의 하위 태그

클릭 가능한 버튼입니다.

기본 유형은 보내기입니다.

(사용 빈도가 높음)
22가지 유형을 지원합니다.

기본 유형은 텍스트입니다.

와 함께 가장 많이 사용되는 아이템 중 하나입니다.

. (사용 빈도가 높음)
‘레이블’의 일이다.

부착하다
의 속성
이것은 접근성 관점에서 중요합니다.


버튼이 너무 작아도 스와이프로 선택 및 토글이 가능해서 유용합니다
> 드롭다운을 합니다.

기본적으로 첫 번째 크기 속성을 사용하면 드롭다운 메뉴 대신 한 번에 여러 개를 표시하는 스크롤로 만들 수 있습니다.
<옵트그룹>
<데이터 목록> 에서 드롭다운을 생성합니다.
<가능성> 드롭다운 목록에 포함되는 옵션을 정의합니다.

값 속성이 있습니다.
<필드 세트> 관련 항목을 하나로 묶을 때 사용

그룹화합니다.

관련 요소 주위에 테두리를 그립니다.
<전설> A씨의 첫 아이로

-강요 <fieldset> 그룹을 설명하는 레이블 역할을 합니다.
<출구> 의 oninput 속성에서 계산을 수행합니다.

를 통해 결과를 보여줍니다.

항목에.
<텍스트 영역> 이것은 여러 줄을 포함할 수 있는 텍스트 필드입니다.

rows 속성은 표시할 행 수를 지정하고 cols 속성은 너비를 지정합니다.

3. 양식 속성 및 메서드

@form의 속성

성 의 이름을 쓰다 (텍스트)
자동 완성 자동 완성 기능을 사용할지 여부를 나타냅니다.

(켜기 끄기)
노발리드 보낼 때 입력 값을 확인하지 않도록 지정합니다.

(노바데이트)
행동 보낼 때 데이터를 보낼 위치를 지정합니다.

(URL)
방법 데이터를 보낼 때 사용할 HTTP 메서드를 지정합니다.

(얻다, 게시하다)
문자 집합 보낼 때 사용할 문자 인코딩을 지정합니다.

(문자 집합)
enctyp POST 메서드를 사용하여 데이터를 서버로 보낼 때 인코딩을 지정합니다.


(application/x-www-form-urlencoded, 멀티파트/폼 데이터, 텍스트/일반 텍스트)
목표 양식을 제출한 후 받은 응답을 표시할 키워드를 입력하십시오.
(_blank, _self, _parent, _top)
친척 현재 문서 연결된 자원 사이의 관계를 적어라.
(외부, 도움말, 라이센스nofollow, noopener, noreferrer, 오프너, 반품, 다음, 구하다)

@form 메소드

기본값으로 재설정() 내의 모든 값을 초기화합니다.

. 재설정 버튼(
제출하다() 제출하다.

제출 버튼(클릭하는 것과 같은 효과가 있습니다.