HTML의 양식이란 무엇입니까?

HTML에서 양식은 주로 다양한 유형의 사용자 입력을 수집하는 데 사용되며 양식 태그를 사용하여 정의해야 합니다. 양식 요소는 사용자가 양식에 내용을 입력할 수 있는 컨트롤입니다. , 입력 태그(input), 텍스트 영역(textarea) 등.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

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

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

양식은 양식 필드, 버튼 및 기타 항목과 같은 양식 개체가 배치되는

태그를 통해 생성됩니다.

<form>
....
表单元素
....
</form>

공통 양식 요소

1는 대부분의 경우에 사용됩니다. 수신된 양식 태그는 입력 태그()입니다.

<input type="text" >

요소는 다양한 유형 속성에 따라 여러 형태로 변경될 수 있습니다.

값 buttoncheckboxcolordatedatetimedatetime-localemailfilehiddenimagemonthnumberpasswordradiorangeresetsearchsubmitteltexttimeurlweek2. textarea 텍스트 영역

설명
클릭 가능한 버튼을 정의합니다(종종 스크립트를 실행하기 위해 JavaScript와 함께 사용됨).
체크박스를 정의하세요.
색상 선택기를 정의합니다.
날짜 제어를 정의합니다(연도, 월, 일 포함, 시간 제외).
날짜 및 시간 제어를 정의합니다(UTC 시간대를 기준으로 연도, 월, 일, 시, 분, 초, 1초 미만 포함).
날짜 및 시간 제어를 정의합니다(연도, 월, 일, 시, 분, 초, 1초 미만, 시간대 제외).
이메일 주소에 사용되는 필드를 정의합니다.
파일 선택 필드를 정의하고 파일 업로드를 위한 "찾아보기..." 버튼을 정의하세요.
숨겨진 입력 필드를 정의하세요.
이미지를 제출 버튼으로 정의하세요.
월 및 연도 컨트롤을 정의합니다(시간대 제외).
숫자 입력 필드를 정의합니다.
비밀번호 필드를 정의합니다(필드의 문자는 마스크됩니다).
라디오 버튼을 정의하세요.
정확한 값이 중요하지 않은 입력 숫자에 대한 컨트롤을 정의합니다(예: 슬라이더 컨트롤).
재설정 버튼 정의(모든 양식 값을 기본값으로 재설정).
검색 문자열을 입력하기 위한 텍스트 필드를 정의하세요.
제출 버튼을 정의하세요.
전화번호 입력 필드를 정의합니다.
기본값. 한 줄 텍스트 필드를 정의합니다(기본 너비는 20자).
시간 입력에 대한 컨트롤을 정의합니다(시간대 제외).
URL 입력 필드를 정의합니다.
주 및 연도 제어를 정의합니다(시간대 제외).

요소는 여러 줄의 입력 필드(텍스트 영역)를 정의합니다.

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

3. :

4. select 드롭다운 목록, option은 선택할 옵션입니다.

요소는 드롭다운 목록을 정의하고, 요소는 선택할 옵션을 정의합니다.

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

드롭다운 목록에는 일반적으로 첫 번째 옵션이 선택한 옵션으로 표시됩니다. 그러나 사전 정의된 옵션은 선택된 속성을 추가하여 정의할 수 있습니다.

추천 튜토리얼: "

html 비디오 튜토리얼

"

위 내용은 HTML의 양식이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!