태그와 완전히 다릅니다. 꼬리표. 그리고 이 태그는 Chrome, Android, Firefox, Opera, Internet Explorer와 같은 모든 브라우저를 지원합니다. 그리고 이 모든 요소는 모든 브라우저에서 동일합니다.
코드:
<fieldset>
<legend>
Text
</legend>
… Content
<fieldset>
시작 태그와 끝 태그를 모두 제공해야 합니다.
속성
일반적으로 HTML 태그에는 HTML 요소의 훌륭한 측면을 제공하는 하나 이상의 속성이 있습니다. 범례 태그는 정의된 모든 전역 속성을 지원합니다. 일부 속성은 최신 웹 브라우저를 지원하지 않습니다. 다음 표에는 태그 속성과 설명이 나와 있습니다.
1. 태그별 속성
정렬: 상위 <필드 세트>와 관련하여 양식에 제공된 제목 또는 캡션의 정렬을 정의합니다.
코드:
<fieldset>
<legend align="center">Align
demo:</legend>
참고: 명확한 정렬을 위해 요소 변형에 CSS 정렬을 사용하는 것이 좋습니다.
2. 표준 속성
이러한 속성에 대한 설명은 이전 기사에서 이미 논의되었습니다.
- 액세스 키
- 수업
- 디렉토리
- 아이디
- 스타일
- 랭
- 아이디
- 탭 인덱스
- 제목
3. 전역 속성
범례 태그는 모든 HTML5 요소의 표준인 이전에 논의한 전역 속성도 허용합니다. 일부는 다음과 같습니다:
Context
|
Define the Context
|
Dir
|
The values give the path of the text.
|
Id
|
Its identifier must match the value of a name.
|
Style
|
Specifies the inline and external styles.
|
Lang
|
Determines the language used in the text.
|
컨텍스트
|
onabort |
It is called when a particular event has been aborted. For example, the web browser immediately video before it is completely downloaded. |
onblur |
Defines the focus of the element. |
oncancel |
Stops the processed event handler. |
Onclick |
Triggers when a click is done |
onchange |
When a click is done somewhere. |
onfocus |
Triggered when the focus is on the given element |
컨텍스트 정의
|
디렉터리
|
값은 텍스트의 경로를 제공합니다.
|
ID
|
식별자는 이름 값과 일치해야 합니다.
|
스타일
|
인라인 및 외부 스타일을 지정합니다.
|
랭
|
텍스트에 사용되는 언어를 결정합니다.
|
4. 이벤트 속성
5. Other Attributes Are
onmouse down, onmouse up, onmouse over, onmouse move, onmouse out, on focus, on blur, onkey press,onkey down,onkey up. The tags that come with the
Examples to Implement Area Tag in HTML
Below are the examples of implementing the area tag in HTML:
Example #1
This section focuses on the form and fieldset. Association of legend tags with the fieldset and preferring to use with the forms gives the best option.
Code:
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>Personal Information:</legend>
FirstName: <input type="text"><br>
LastName: <input type="text"><br>
Email: <input type="text"><br>
Age: <input type="text">
</fieldset>
</form>
</body>
</html>
Output:
Example #2
The below examples show how the fieldset element groups the labels and radio buttons and checklist together. Meanwhile, the legend tag should be given for the caption for the group. A similar approach can be implemented with other controls.
Code:
<!DOCTYPE html>
<html>
<body>
<form action="http://www.educba.com/" method="post">
<fieldset>
<legend>Tutorial</legend>
<input type="radio" name="tutorial class" value="online" id="online">
<label for="online">Online</label>
<input type="radio" name="tutorial class" value="offline" id="offline">
<label for="offline">Offline</label>
</fieldset>
</form>
</body>
</html>
Output:
Example #3
In the following example, we group the information under the HTML tag