메뉴 건너뛰기

프로그램언어

조회 수 2057 추천 수 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>


  1. HTML 특수문자 / 띄어쓰기,공백, 따옴표

    Date2023.01.27 Views414
    Read More
  2. input 속성 readonly, disabled 차이점

    Date2023.01.27 Views64
    Read More
  3. Input 태그 한글, 영문모드 전환

    Date2023.01.12 Views180
    Read More
  4. MSword : 인쇄 미리보기-한페이지씩 보이기

    Date2021.03.26 Views227
    Read More
  5. map태그에서 window.open() 쓰기

    Date2021.03.26 Views161
    Read More
  6. input태그 tab 순서 설정 : tabindex

    Date2021.03.26 Views304
    Read More
  7. 인라인 자동완성 기능 막기

    Date2021.03.25 Views84
    Read More
  8. javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기

    Date2021.03.25 Views128
    Read More
  9. HTML - Form 태그, Input 태그 자동완성 해제하기

    Date2021.03.09 Views102
    Read More
  10. CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈

    Date2021.03.09 Views543
    Read More
  11. HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상

    Date2021.03.09 Views205
    Read More
  12. HTML, CSS - 헤더컬럼 고정형 table 구성하기

    Date2021.03.09 Views679
    Read More
  13. 크롬 알림처럼 띄워보기

    Date2019.04.29 Views803
    Read More
  14. 네이버 웹마스터도구 메타태그

    Date2019.04.29 Views733
    Read More
  15. div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%)

    Date2019.03.05 Views942
    Read More
  16. input 자동완성 끄기 HTML

    Date2019.02.19 Views1050
    Read More
  17. 테이블 대신 필드셋(fieldset) 이용

    Date2019.01.16 Views2057
    Read More
  18. FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정

    Date2018.10.27 Views1127
    Read More
  19. form안의 button submit 동작 막기

    Date2018.08.24 Views1677
    Read More
  20. viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법

    Date2017.04.14 Views6815
    Read More
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved