HTML <fieldset> 태그 양식 필드 세트 태그(Form Field Set) - <fieldset> 태그가 웹페이지의 내용을 그룹으로 묶어주는 역할을 합니다.
HTML 태그 2012. 9. 17. 23:39HTML <fieldset> 태그 : 양식 필드 세트 태그(Form Field Set)
<fieldset> HTML 태그는 웹페이지 내용를 그룹화하는 데 사용됩니다.
<fieldset>..</fieldset> 태그는 내용 주위에 박스 라인을 그립니다.
<legend> HTML 태그와 함께 사용하면 박스에 제목을 넣을 수 있습니다.
<fieldset style="width:450;">
<legend align="center">제목</legend>
내용
</fieldset>
style sheet를 이용하여 width의 높이와 너비,두께,색깔,안쪽여백,정렬,배경등 다른 많은 지정할 수 있습니다
<fieldset> 태그 예제
<html>
<head>
<title>html fieldset 태그 예제샘플</title>
</head>
<body>
<h1>fieldset 태그의 예제샘플입니다</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>
<fieldset> 관련 태그
<fieldset> 태그 속성
accesskey : 요소를 활성화하고 포커스/바로가기키를 지정합니다.
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
<fieldset> 태그 이벤트
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
