>  기사  >  웹 프론트엔드  >  HTML의 양식 요소는 무엇입니까?

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

藏色散人
藏色散人원래의
2021-05-11 14:07:4310806검색

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

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

이 문서의 운영 환경: 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. 라디오 버튼

남성:c6b2977480764601abf30f58d952a174남성df250b2156c434f3390392d09b1c9563

여성: 00038831a4912c43f56c65b1f4dfda29 Female

4. 체크박스

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

5. 버튼

20e3a70761e951a1f4e087f75ead8f87

6. 초기화 버튼

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

7. 제출 버튼

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

8. 숨겨진 필드

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

9. 도메인 업로드7c571135469d6fdb1d152c9981e73329

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

11. 드롭다운 목록221f08282418e2996498697df914ce4e

<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을 통해 양식을 제출하면 이 요소의 값이 전달되지 않고 읽기 전용이 값을 전달합니다.

비활성화된 텍스트 상자: 1b4ad6cc2b60c6c02ed4a7d48bc138f2

읽기 전용 텍스트 상자: e7a863858693c83d041a7c656098a46f

Fourteen, TextArea

Fifteen, fieldset 도메인 정의

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.