메뉴 건너뛰기

프로그램언어

조회 수 2045 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

FIELDSET은 웹페이지 내 여러 개의 양식(컨트롤)들을 하나의 그룹으로 묶는 기능으로서 , 
LEGEND와 함께 쓸 수 있다. LEGEND는 컨트롤 묶음에 제목을 붙이는 역할을 하며, 
<LEGEND>는 반드시 <FIELDSET>안에서 사용해야 한다. 
FIELDSET과 LEGEND는 시작과 끝내는 태그로 감싸주어야 적용된다.

 

<html>
<head></head>
<body>

<fieldset><legend> 제목</legend>제목을 넣어서 fiedlset작성하기</fieldset>

<BR><BR>

<fieldset style="width:50; height:30">필드셋 크기를 원하는 크기로 만든다.</fieldset>

<BR><BR>

<fieldset style="border:3 solid #808080">
  필드셋 선의 두께와 모양, 색상을 변경하기
</fieldset>

<BR><BR>

<fieldset style="padding:5">
  필드셋에 여백을 만들어준다.
</fieldset>

<BR><BR>

<fieldset style="border-left-width:20">
  필드셋의 경계선 일부분에 두께를 변경한 경우
</fieldset>

<BR><BR>

<FIELDSET style="board:1">
이름(실명) : <INPUT name="name" type="text">
전화번호: <INPUT name="tel" type="text" >
</FIELDSET>

<BR><BR>

<FIELDSET>
<LEGEND>입력해주세요.</LEGEND>
이름(실명) : <INPUT name="name" type="text">
전화번호: <INPUT name="tel" type="text" >
e-mail: <INPUT name="e_mail" type="text"">
</FIELDSET>

<BR><BR>

<FIELDSET style="border:1 solid; border-top-color: #808080; border-right-color: #f9f9f9; border-left-color: #f9f9f9; border-bottom-color: #808080">
<legend align="center">필드셋의 다양한 효과</legend>
<br>필드셋을 이용하면 다양한 표현할 수 있다.<br>
</FIELDSETt>

</body>
</html>


List of Articles
번호 제목 날짜 조회 수
22 특수문자, 특수문자표, 특수문자 하트, 예쁜 특수문자 2016.12.06 43224
» 테이블 대신 필드셋(fieldset) 이용 2019.01.16 2045
20 크롬 알림처럼 띄워보기 file 2019.04.29 803
19 인라인 자동완성 기능 막기 2021.03.25 83
18 네이버 웹마스터도구 메타태그 2019.04.29 733
17 viewport 정리 2017.04.14 3462
16 viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법 file 2017.04.14 6815
15 MSword : 인쇄 미리보기-한페이지씩 보이기 2021.03.26 227
14 map태그에서 window.open() 쓰기 2021.03.26 161
13 javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기 2021.03.25 128
12 input태그 tab 순서 설정 : tabindex 2021.03.26 302
11 Input 태그 한글, 영문모드 전환 2023.01.12 174
10 input 자동완성 끄기 HTML file 2019.02.19 1050
9 input 속성 readonly, disabled 차이점 file 2023.01.27 63
8 HTML, CSS - 헤더컬럼 고정형 table 구성하기 file 2021.03.09 675
7 HTML 특수문자 / 띄어쓰기,공백, 따옴표 2023.01.27 315
6 HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상 file 2021.03.09 205
5 HTML - Form 태그, Input 태그 자동완성 해제하기 2021.03.09 102
4 form안의 button submit 동작 막기 2018.08.24 1677
3 FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정 2018.10.27 1127
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved