HTML의 기본 컨트롤은 무엇입니까?

이번에는 HTML의 기본 컨트롤이 무엇인지, HTML 컨트롤 사용 시 주의사항은 무엇인지 알려드리겠습니다. 다음은 실제 사례를 살펴보겠습니다. 태그

태그는 사용자 정보를 수집하는 데 사용됩니다.

type attribute

다른 type 속성 값에 따라 입력 필드에는 다양한 형태가 있습니다. 텍스트 필드, 체크박스, 마스크된 텍스트 컨트롤,

라디오 버튼

, 버튼 등이 될 수 있습니다. text: 텍스트 영역

readonly 속성: 읽기 전용인지 여부.

password: 비밀번호 영역, 입력된 텍스트는 '*'로 표시됩니다.

checkbox: 체크박스

checked 속성: 체크 여부;

radio 버튼

name 속성: 다중 라디오 버튼 지정; in an Area

reset: 현재

양식의 모든 라벨을 초기화 상태로 재설정(예: 텍스트 영역의 내용 지우기)

submit: 현재

양식 정보를 지정된 페이지에 제출합니다.

버튼: 일반 버튼

　 값 속성: 버튼 버튼에 표시되는 텍스트

file: 파일 선택 라벨

hide: 숨겨진 영역, 사용자에게 표시되지 않지만 본인이 사용하는 일부 정보를 저장할 수 있습니다.

image: 그림 영역

　 src 속성: 이미지가 저장되는 경로 지정

title 속성: 이미지 위로 마우스를 이동할 때 표시되는 텍스트

alt: 이미지가 로드되지 않거나 닫힐 때 표시되는 텍스트 ;


예

태그

winform의 콤보박스나 리스트박스와 비슷하게 단일 선택 또는 다중 선택 메뉴를 만들 수 있습니다.

Attributes

1) size {int}:

드롭다운 목록

의 크기를 설정합니다. 기본값은 콤보박스 스타일이고, 1보다 크면 목록박스 스타일입니다. 2) 다중 {boolean}:

객관식

여부. 다중 선택의 경우 Ctrl + 왼쪽 버튼을 누른 상태에서 다중 선택 작업을 수행합니다. 3) 항목 하위 항목:

① 라벨: 선택할 수 없는 항목의 카테고리를 정의합니다.

　 Label {string} 속성: 카테고리 표시 이름

　　Title {string} 속성: 선택한 항목으로 마우스를 이동하면 표시되는 정보

② 라벨: 선택 항목 정의

　 vlaue { string} 속성: 선택한 항목의 특정 이름

제목 {string} 속성: 선택한 항목으로 마우스를 이동하면 표시되는 정보

<h3 id="select标签">select标签</h3>
<select id="province" multiple=multiple size="6" >
    <optgroup label="直辖市"  ></optgroup>
    <option value="bj" title="北京市" >北京</option>
    <option value="sh">上海</option>
    <optgroup label="省市" ></optgroup>
    <option value="zj">浙江</option>
    <option value="fj">福建</option>
</select>

열 및 행 속성 크기를 통해 설정됩니다.

Attributes

rows {int}: 표시되는 행 수를 나타냅니다.

cols {int}: 표시되는 열 수를 나타냅니다.

readonly {boolean}: 읽기 전용인지 여부.

예

레이블

은 표시 텍스트 상자와 동일합니다.

Attribute

for {elementID}: 해당 컨트롤 ID를 연결합니다. 이 레이블을 클릭하면 ID에 바인딩된 컨트롤이 포커스를 받습니다.

<table>
    <tr>
        <td><label for=&#39;username&#39;>姓名：</label></td>
        <td><input type="text" id=&#39;username&#39;/></td>
    </tr>
    <tr>
        <td><label for=&#39;userpwd&#39;>密码：</label></td>
        <td><input type="password" id=&#39;userpwd&#39; /></td>
    </tr>
</table>

Example

ul, ol, li list label

ul: 순서가 없는 목록(unordered list)

ol: 순서가 있는 목록(ordered list))

li: 목록 항목(목록 항목), 위 2개의 목록 하위 항목을 기준으로 합니다.

코드 예:

<fieldset>标签
类似于winform中的groupBox控件。
item子项
<legend></legend>：表示抬头的名称。
<h3 id="fieldset标签">fieldset标签</h3>
<fieldset style=&#39;width:130px&#39; >
    <legend>性别</legend>
    <input type="radio" name=&#39;sex&#39; value=&#39;boy&#39; />男
    <input type="radio" name=&#39;sex&#39; value=&#39;girl&#39; />女
</fieldset>

Attributes

type {string}:

태그 앞에 기호 스타일을 정의합니다.

ul: 유형 포함: 원형 속이 빈 원, 원판형 원형, 정사각형 정사각형, 없음: 앞에 표시 없음

ol: 유형 포함: 1: 주문됨을 나타냄 1,2,3 a: 주문됨 a, b를 나타냄; , c; i: 로마 숫자 i, ii, iii; 원, 원판, 사각형, 없음으로 정의할 수도 있지만 실제로는 모두 1, 2, 3과 같은 순서입니다. 이 사례를 읽어보세요. 방법을 익힌 후, 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주의 깊게 살펴보세요!

관련 읽기:

HTML 웹 페이지에 비디오를 삽입하는 방법

HTML+CSS를 사용하여 마우스를 스와이프하여 보조 메뉴 표시줄을 표시하는 방법

앞면을 만드는 방법- 최종 인터페이스는 js, CSS 파일 캐시를 자동으로 정리합니다

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