HTML의 양식 요소는 무엇입니까?

HTML 양식 요소는 다음과 같습니다. 1. 텍스트 영역 "TEXTAREA"; 2. 목록 상자 "SELECT"; 3. 텍스트 입력 상자 "INPUT type=text"; 5. 라디오 입력 상자 등.

이 문서의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML에서 일반적으로 사용되는 양식 요소에는 텍스트 영역(TEXTAREA), 목록 상자(SELECT), 텍스트 입력 상자(INPUT 유형=텍스트), 비밀번호 입력 상자(INPUT 유형=password), 라디오 입력 상자(INPUT 유형=라디오)가 포함됩니다. ), 입력 상자 확인(INPUT 유형=체크 상자), 재설정 버튼, 제출 버튼, 숨겨진 필드 등

1. 텍스트 필드

<input type="text" name="text" value="" />

2. 비밀번호 필드

비밀번호는 텍스트 상자와 유사하지만 입력한 내용이 점으로 표시됩니다.

<input type="password" name="text" value="" />

3. 라디오 버튼

남성:남성

여성: Female

4. 체크박스

<input type="checkbox" name="check1" value="" />

5. 버튼

6. 초기화 버튼

재설정 버튼을 클릭하면 재설정 버튼이 위치한 양식이 완전히 지워지고 다른 양식에는 영향을 미치지 않습니다.

7. 제출 버튼

제출 버튼을 클릭하면 브라우저가 자동으로 양식을 제출합니다.

8. 숨겨진 필드

숨겨진 필드는 브라우저에 표시되지 않으며 덜 중요한 정보를 저장하기 위해서만 존재합니다.

9. 도메인 업로드

10. "image" src="123.gif" />

11. 드롭다운 목록

<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

예:

속성: 비활성화됨, 선택 값: 비활성화됨, 설명: 드롭다운을 비활성화하도록 규정합니다. 목록 .

12. label

abel 요소는 사용자에게 특별한 효과를 제공하지 않습니다. 그러나 마우스 사용자의 유용성은 향상됩니다. 이 컨트롤은 레이블 요소 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 초점을 돌립니다. 예를 들어 레이블 안에 라디오 버튼을 배치하는 경우입니다. 그런 다음 레이블의 텍스트를 클릭하면 작은 점만 클릭하는 대신 라디오 버튼도 트리거됩니다.

예:

<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>

13. 비활성화 및 읽기 전용

비활성화 및 읽기 전용 속성. 읽기 전용은 입력(텍스트/비밀번호) 및 텍스트 영역에만 유효하고, 비활성화는 선택, 라디오, 체크박스, 버튼 등을 포함한 모든 양식 요소에 유효합니다. 그러나 양식 요소가 비활성화된 후 POST 또는 GET을 통해 양식을 제출하면 이 요소의 값이 전달되지 않고 읽기 전용이 값을 전달합니다.

비활성화된 텍스트 상자:

읽기 전용 텍스트 상자:

Fourteen, TextArea

Fifteen, fieldset 도메인 정의

Fieldset은 양식 요소를 그룹화하는 데 사용되며 범례는 그룹 제목을 설정하는 데 사용됩니다.

양식은 주로 웹페이지의 데이터 수집 기능을 담당합니다. 양식에는 세 가지 기본 구성 요소가 있습니다. 양식 데이터를 처리하는 데 사용되는 CGI 프로그램의 URL과 데이터를 서버에 제출하는 방법이 포함된 양식 태그입니다. 양식 필드에는 텍스트 상자, 비밀번호 상자, 숨겨진 필드, 여러 줄 텍스트 상자, 확인란, 라디오 버튼, 드롭다운 선택 상자, 파일 업로드 상자 등이 포함됩니다. 양식 버튼에는 제출 버튼, 재설정 버튼 및 일반 버튼이 포함되어 있으며, 이는 서버의 CGI 스크립트로 데이터를 전송하거나 입력을 취소하는 데 사용됩니다. 또한 양식 버튼을 사용하여 처리 스크립트가 정의된 다른 처리 작업을 제어할 수도 있습니다.

추천 튜토리얼: "html 비디오 튜토리얼"

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