> 웹 프론트엔드 > HTML 튜토리얼 > HTML 양식 및 입력에 대한 자세한 소개

HTML 양식 및 입력에 대한 자세한 소개

高洛峰
풀어 주다: 2017-03-21 17:40:56
원래의
1302명이 탐색했습니다.

HTML 양식

양식은 양식 요소를 포함하는 영역입니다.

양식 요소를 사용하면 사용자는 텍스트 영역, 드롭다운 목록, 라디오 버튼, 확인란 등과 같은 내용을 양식에 입력할 수 있습니다.

양식은

:

양식 태그를 사용하여 설정됩니다.
.
입력 요소
.


HTML 양식 - 입력 요소

가장 일반적으로 사용되는 양식 태그는 입력 태그()입니다.

입력 유형은 유형 속성(type)으로 정의됩니다. 가장 일반적으로 사용되는 입력 유형은 다음과 같습니다.


텍스트 필드

텍스트 필드는 태그를 통해 설정되며, 사용자가 양식에 문자, 숫자 등을 입력할 때 사용됩니다.


이름:

성:


비밀번호 입력란

비밀번호 필드는 :

태그로 정의됩니다.
비밀번호:


라디오 버튼(라디오 버튼)

태그는 라디오 버튼 옵션의 형식을 정의합니다


남성

여성

브라우저 표시 효과는 다음과 같습니다.


체크박스

는 체크박스를 정의합니다. 사용자는 주어진 여러 선택 항목 중에서 하나 또는 여러 옵션을 선택해야 합니다.


자전거가 있어요

저는 차가 있습니다

브라우저 표시 효과는 다음과 같습니다.


제출버튼

은 제출 버튼을 정의합니다.

사용자가 확인 버튼을 클릭하면 양식의 내용이 다른 파일로 전송됩니다. 양식의 작업 속성은 대상 파일의 파일 이름을 정의합니다. action 속성으로 정의된 파일은 일반적으로 수신된 입력 데이터에 대해 관련 처리를 수행합니다. :

액션="html.php" method="get">
사용자 이름:



HTML 양식 태그

새 태그 : HTML5새 태그

요소의 태그를 정의합니다.
태그 설명
사용자 입력 양식 정의
입력 필드 정의
<텍스트 영역> 텍스트 필드 정의(여러 줄 입력 컨트롤 )
<라벨> 일반적으로 입력 제목
<필드세트> 관련 양식 요소 세트를 정의하고 외부 프레임을 사용하여 이를 묶습니다.
<전설>
요소의 제목을 정의합니다.
정의된 드롭다운 옵션 목록
<선택 그룹> 옵션 그룹 정의
<옵션> 드롭다운 목록에서 옵션 정의
클릭 버튼 정의
<데이터 목록>신규 사전 정의된 입력 제어 옵션 목록 지정
신규 양식의 키 쌍 생성기 필드를 정의합니다
<출력>새로 만들기 계산 결과 정의

위 내용은 HTML 양식 및 입력에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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