테이블 대신 필드셋(fieldset)을 이용하기 > html

본문 바로가기
사이트 내 전체검색

html

테이블 대신 필드셋(fieldset)을 이용하기

페이지 정보

작성자 서방님 댓글 0건 조회 127회 작성일 06-09-14 11:29

본문

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

<fieldset><legend> 제목</legend>제목을 넣어서 fiedlset작성하기</fieldset>
<fieldset style="width:50; height:30">필드셋 크기를 원하는 크기로 만든다.</fieldset>
<fieldset style="border:3 solid #808080">
  필드셋 선의 두께와 모양, 색상을 변경하기
</fieldset>
<fieldset style="padding:5">
  필드셋에 여백을 만들어준다.
</fieldset>
<fieldset style="border-left-width:20">
  필드셋의 경계선 일부분에 두께를 변경한 경우
</fieldset>

<FIELDSET>을 사용한 예제

이름(실명) :    
전화번호 :    

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

<FIELDSET>과 <LEGEND>을 함께 사용한 예제 
입력해주세요.
이름(실명) :    
전화번호:    
e-mail:    

 
<FIELDSET>
<LEGEND>입력해주세요.</LEGEND>

이름(실명) : <INPUT name="name" type="text">
전화번호: <INPUT name="tel" type="text" >
e-mail: <INPUT name="e_mail" type="text"">
</FIELDSET>


<FIELDSET>에 스타일 적용하기
필드셋의 다양한 효과
필드셋을 이용하면
테이블을 대신하여
다양한 표현을 할수 있다.

<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>

 

http://www.motifdn.pe.kr/aboutweb/aboutweb_webtip_08.php

댓글목록

등록된 댓글이 없습니다.

Total 323건 20 페이지
게시물 검색

회원로그인

접속자집계

오늘
126
어제
225
최대
1,347
전체
154,885
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.