HTML <legend> 태그 : 필드 범례 태그(Field Legend)

HTML의 <legend> 태그는 전설의 요소의 <fieldset> 요소의 내용의 나머지 부분에 대한 제목이나 설명 캡션을 제공하는 데 사용됩니다.
<legend> 태그는 <fieldset>, <figure> 및 <details> 요소와 연동하여 사용할 수 있습니다.

<legend> 태그 예제

					
					
<html>
 <head>
    <title>html legend 태그 예제샘플</title>
 </head>
 <body>
   <h1>legend 태그의 예제샘플입니다</h1>
   <p>

    
    <FORM action="http://www.htmlschool.co.kr/help/sample.asp" method="post">
     <P>
     <FIELDSET>
      <LEGEND>Personal Information</LEGEND>
      Last Name: <INPUT name="personal_lastname" type="text" tabindex="1">
      First Name: <INPUT name="personal_firstname" type="text" tabindex="2">
     </FIELDSET>
     <FIELDSET>
      <LEGEND>Medical 역사</LEGEND>
      <INPUT name="역사_illness" 
             type="checkbox" 
             value="Smallpox" tabindex="20"> Smallpox
      <INPUT name="역사_illness" 
             type="checkbox" 
             value="Mumps" tabindex="21"> Mumps
     </FIELDSET>
    </FORM>

</body>
</html>

					
					

[예제 결과보기및 소스코드 수정하기]

<legend> 관련 태그


<legend> 태그 속성

accesskey : 요소를 활성화하고 포커스/바로가기키를 지정합니다.

align : 콘텐츠 정렬을 지정합니다.

align 속성 값 :

top : 텍스트나 이미지를 상단에 정렬합니다.

bottom : 텍스트나 이미지를 맨 아래에 하단에 정렬합니다.

left : 텍스트나 이미지를 좌측 정렬합니다.

right : 텍스트나 이미지를 우측 정렬합니다. class : 문서의 요소를 식별합니다.

dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.

id : 문서의 요소를 식별합니다.

lang : 요소의 내용의 언어를 지정합니다.

style : 요소에 대한 인라인 스타일을 지정합니다.

title : 문서에 대한 제안 제목은 열 수 있습니다.

<legend> 태그 이벤트

onclick : 마우스 클릭에서 스크립트가 실행됩니다.

ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.

onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.

onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.

onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.

onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.

onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.

onkeypress : 키를 누르면 스크립트가 실행됩니다.

onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.

onkeyup : 키가 누른후에 스크립트가 실행됩니다.

 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,