메뉴 건너뛰기

프로그램언어

조회 수 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. No Image 06Dec
    by
    2016/12/06 Views 43313 

    특수문자, 특수문자표, 특수문자 하트, 예쁜 특수문자

  2. No Image 14Apr
    by
    2017/04/14 Views 3462 

    viewport 정리

  3. viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법

  4. No Image 24Aug
    by
    2018/08/24 Views 1677 

    form안의 button submit 동작 막기

  5. No Image 27Oct
    by
    2018/10/27 Views 1127 

    FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정

  6. No Image 16Jan
    by 조쉬
    2019/01/16 Views 2057 

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

  7. input 자동완성 끄기 HTML

  8. div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%)

  9. No Image 29Apr
    by
    2019/04/29 Views 733 

    네이버 웹마스터도구 메타태그

  10. 크롬 알림처럼 띄워보기

  11. HTML, CSS - 헤더컬럼 고정형 table 구성하기

  12. HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상

  13. CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈

  14. No Image 09Mar
    by
    2021/03/09 Views 102 

    HTML - Form 태그, Input 태그 자동완성 해제하기

  15. No Image 25Mar
    by
    2021/03/25 Views 128 

    javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기

  16. No Image 25Mar
    by
    2021/03/25 Views 84 

    인라인 자동완성 기능 막기

  17. No Image 26Mar
    by
    2021/03/26 Views 304 

    input태그 tab 순서 설정 : tabindex

  18. No Image 26Mar
    by
    2021/03/26 Views 161 

    map태그에서 window.open() 쓰기

  19. No Image 26Mar
    by
    2021/03/26 Views 227 

    MSword : 인쇄 미리보기-한페이지씩 보이기

  20. No Image 12Jan
    by
    2023/01/12 Views 180 

    Input 태그 한글, 영문모드 전환

Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved