멤버십, 로그인, 검색 상자, 설문지… 웹에서 사용자의 입력을 수신해야 할 때 사용됩니다. 그것은 형태입니다. 이 기사에서 모든 입력 요소를 다루는 완전 지향적 인 HTML 폼 완전 정복 안내서를 제공합니다.
형식이란 무엇입니까?
사용자가 입력 한 데이터를 서버로 전송하는 구조 태그는 필수적이며 다양한 입력 요소 (입력, 선택하다, TextRea)에 들어갑니다. ” ‘html “| 속성 | 설명 | | —— | —— | | 행동 | 데이터를 보내는 URL | 방법 | 얻다 또는 우편
기본 입력 요소
1. 텍스트 입력
“`html”`
2. 비밀번호를 입력하십시오
“`html”`
3. 확인란
“`HTML
나는 동의합니다
4. 라디오 버튼
“`HTML
남성
여성 “”
5. 상자를 선택하십시오
“`HTML
개발자
디자이너
“`
Textarea : 긴 게시물을 입력하십시오
“`html”`
버튼
| 태그 | 기능 | | —— | —— | | | 작동 처리 (JS 사용 가능) |를 클릭하십시오 | 양식 전송 | | 초기화 초기화 “html submission” “🧩 수업 태그 사용과 기능적 확장 성의 차이
입력 제어 속성
| 속성 | 설명 | | —— | —— | | 필수의 | 필수 입력 | 준비 적 | 읽기 -ly | 장애가 있는 | 비활성화 | 최대 길이 | 최대 문자 수 제한 | 무늬 | 정기적 인 패턴 지정 “HTML”
HTML5 신규 및 새로운 전력 계수
| 유형 | 설명 | | —— | —— | | 이메일 | 이메일 검증 | 날짜 | 데이트 군인 | 범위 | 슬라이더 | 색상 | 컬러 선택기 | 숫자 | 입력 전용 숫자 “html”🖼️ alt tag 예제 :
양식 제출 요약
사용자는 양식의 입력 동작에 지정된 주소로 방법 방법에 따라 데이터 전송 서버에서 데이터 처리 후 응답에 응답
예제 예제 전체 코드
“`html”`
마치다
웹 양식 이것은 사용자와 웹 페이지가 상호 작용하는 가장 기본적인 도구입니다. 오늘 배운 입력 요소 및 속성 결합, 로그인, 멤버십, 검색 상자 및 설문 조사 모든 기능을 구현할 수 있습니다. 직접 입력 양식을 작성하고 구조와 흐름을 배우십시오! 🔎 다음 게시물 주제 추천 → 28 번 : 웹 애니메이션 만들기 : CSS 만 사용할 수 있습니다! → 20 번 : JavaScript DOM은 완전히 이해합니다
참조
https://developer.mozilla.org/ko/docs/web/html/element/form https://htmlreference.io/forms/