> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 양식 태그의 기능은 무엇입니까? HTML form 태그 사용법 설명

HTML에서 양식 태그의 기능은 무엇입니까? HTML form 태그 사용법 설명

寻∝梦
풀어 주다: 2018-08-29 16:58:27
원래의
31419명이 탐색했습니다.

이 글에서는 주로 HTML에서 form 태그의 기능과 사용법을 소개하고, form 태그의 예와 정의를 살펴보겠습니다.

1. 먼저 HTML의 form 태그 정의를 살펴보겠습니다.

태그는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다.

양식에는 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 입력 요소가 포함될 수 있습니다.

양식에는 메뉴, 텍스트 영역, 필드 세트, 범례 및 레이블 요소도 포함될 수 있습니다.

양식은 데이터를 서버로 전송하는 데 사용됩니다.

양식 태그의 예는 다음과 같습니다.

<form action="form_action.asp" method="get">
  <p>第一个用户名: <input type="text" name="fname" /></p>
  <p>第二个用户名: <input type="text" name="lname" /></p>
  <input type="Submit" value="提交" />
</form>
로그인 후 복사

효과 그림:

HTML에서 양식 태그의 기능은 무엇입니까? HTML form 태그 사용법 설명

2. HTML 양식 태그의 역할에 대한 설명을 살펴보겠습니다.

양식 태그는 결합하는 데 사용됩니다. 다른 양식 태그는 전체적으로 데이터가 서버에 제출될 수 있도록 "래핑"합니다.

html 양식 태그 형식:

<form  name="表单名称"  action="目标地址"  method="数据提交方式" >  。。。 </form>
로그인 후 복사

name: js 기술 사용을 위한 양식 이름을 지정하면 됩니다.

action: 데이터를 수락하고 처리하기 위해 백엔드 기술(예: PHP)에서 사용되는 양식 데이터가 제출되는 파일을 설정합니다.

method: 적절한 파일을 선택하는 데 사용되는 데이터 제출 방법을 설정합니다. 다양한 데이터 요구 사항에 따른 제출(전송) 방법

3. 양식 태그 양식의 기능은 정보를 수집하는 것입니다.

(1) 양식의 속성 form

action ="URL": URL 주소, 양식 지정 양식에 데이터를 보낼 위치

name: 양식에 이름 지정

enctype="string": 양식을 지정합니다. 양식 데이터가 인코딩됩니다

method="get/ post": 서버로 데이터를 보내는 방법

(2) 양식 요소: 양식 레이블, 양식 필드, 양식 버튼

label:

라벨 자체를 의미하며
정의

양식 필드:

태그에 사용자가 입력한 각 항목을 수집하는 데 사용됩니다. . 일반적으로 입력 태그

에는 다양한 사용자에 해당하는 다양한 유형이 있습니다. 데이터

양식 버튼: 양식 요소 유형:

    한 줄 텍스트 상자: , 기본값은 type="text"
  • 암호 상자:
  • 라디오 버튼:
  • 체크박스:
  • 숨기기 상자:
  • 파일 업로드:
  • 드롭다운 상자: 라벨
  • 여러 줄 텍스트:
  • Label:
  • 요소 집합:
  • 제출 버튼:
  • 일반 버튼:
  • 재설정 버튼:
  • 위는 이 글의 전체 내용입니다. 궁금한 점이 있으면 아래에 문의하세요

【편집자 추천】

HTML div 라벨 사용 방법은 무엇인가요? 다음은 div


사용 방법에 대한 예입니다. html에서 pre 태그의 텍스트를 어떻게 감싸나요? HTML 사전 태그 사용 예

위 내용은 HTML에서 양식 태그의 기능은 무엇입니까? HTML form 태그 사용법 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿