웹 프론트엔드 HTML 튜토리얼 fieldset 태그, 범례 태그

fieldset 태그, 범례 태그

Jun 27, 2017 am 11:53 AM
fieldset ie

양식 양식에서는 양식에 있는 정보를 그룹화하고 분류할 수 있습니다. 예를 들어 등록 양식에서는 등록 정보를
   기본 정보(일반적으로 필수)
  세부 정보(일반적으로 선택 사항)
로 그룹화할 수 있습니다. 그렇다면 어떻게 하면 더 나은 결과를 얻을 수 있을까요? form에 다음 두 개의 태그를 추가하는 것을 고려할 수 있습니다.
 Fieldset: 양식을 그룹화하면 여러 필드 세트가 있을 수 있습니다.
  범례: 각 그룹의 콘텐츠 설명을 설명합니다.

 다음 코드를 살펴보겠습니다.


예제 소스 코드 [www.52css.com]



기본 레지스터

이름: < / p>
...



상세 등록

Interest: 그러나 일부 페이지에서는 필드 세트 및 범례의 기본 스타일이나 기본 레이아웃이 디자인의 미학에 영향을 미치는 것을 원하지 않습니다. 해결 방법은 CSS에서 필드 세트의 테두리를 0으로 설정하고 범례 표시를 없음으로 설정하는 것입니다.


◆ 라벨 라벨

양식의 텍스트 라벨에 라벨 라벨을 부여하고 for 속성을 사용하여
양식 구성 요소
와 연결하면 효과는 다음과 같습니다. 텍스트 레이블을 클릭하면 해당 양식 구성 요소에 커서가 표시됩니다.
 다음 코드를 살펴보겠습니다.



예제 소스 코드
[www.52css.com]


기본 레지스터

<입력 유형= " text" id="fname" name="fname" value="" />

...



상세 등록





...

...



라벨 태그를 사용하여 전체 양식 구성 요소를 중첩할 수도 있습니다. 텍스트 레이블은 다음 코드를 참조하세요.




예제 소스 코드
[www.52css.com]

  사양에 따르면 텍스트는 자동으로 인접한 양식 구성 요소와 연결되지만 안타깝게도 주류 브라우저 IE6은 그렇지 않습니다. 이 기능을 지원합니다.


◆ accesskey 속성, tabindex 속성

웹사이트는 더 많은 브라우징 환경에서 일반적인 사용을 고려해야 합니다. 예를 들어 커서 장치(예: 마우스)가 없는 경우 키보드를 사용하여 양식을 채울 수도 있습니다. 이 클릭은 이제 그들에게 아무 의미가 없습니다. 이때, 레이블의 accesskey(IE에서는 단축키, alt+accesskey 속성값, FF에서는 alt+shift+accesskey 속성값)와 tabindex 속성(Tab 키, tabindex 속성값은 순서대로)을 선택하여 폼 레이블에 추가합니다. . 라벨, 입력 등.
 다음 코드를 살펴보겠습니다.




예제 소스 코드
[www.52css.com]



◆ optgroup 태그

 optgroup 태그의 역할은 선택 목록에서 옵션 세트를 정의하는 것입니다. optgroup 태그를 사용하여 select 요소의 옵션을 분류하고 label 속성을 사용할 수 있습니다. 속성 값은 드롭다운 목록(select)에서 선택할 수 없는 들여쓰기 제목으로 표시됩니다. optgroup은 중첩을 지원하지 않습니다.

 다음 코드를 살펴보겠습니다.


예제 소스 코드 [www.52css.com]


  하나 있습니다 IE6의 작은 버그(FireFox에서는 문제 없음): 키보드 화살표 키를 사용하여 선택할 때 IE에서 선택한 항목이 한 optgroup의 옵션에서 다른 optgroup의 옵션으로 변경되면 onchange가 트리거되지 않습니다. 해결책은 onkeydown 또는 onkeyup 이벤트를 추가하여 문제 해결에 도움을 주는 것입니다.

◆버튼 태그

 제출 버튼으로 정의합니다. 버튼 요소 내에 텍스트나 이미지와 같은 콘텐츠를 배치할 수 있습니다. 이것이 이 요소와 입력 요소 버튼의 차이점입니다.


예제 소스 코드 [www.52css.com]


 버튼 태그는 입력보다 더 많은 기능과 풍부한 콘텐츠를 제공합니다. 버튼은 버튼 텍스트를 분리하고 버튼 안에 그림을 추가하여 텍스트와 그림에 더 많은 스타일을 선택할 수 있도록 하여 단단한 버튼을 더욱 생생하고 유연하게 만듭니다. 그리고 버튼 태그를 사용하는 것은 입력 버튼보다 더 의미적이며, 문자 그대로의 의미만으로 간단히 이해할 수 있습니다.

위 내용은 fieldset 태그, 범례 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

필드셋의 너비를 설정하는 방법 필드셋의 너비를 설정하는 방법 Nov 23, 2023 am 11:39 AM

필드세트의 너비를 설정하는 방법: 1. CSS의 너비 속성을 사용합니다. 2. CSS의 min-width 및 max-width 속성을 사용합니다. 4. CSS 그리드 레이아웃을 사용합니다.

Internet Explorer에서 Edge 열기: MS Edge 리디렉션을 중지하는 방법 Internet Explorer에서 Edge 열기: MS Edge 리디렉션을 중지하는 방법 Apr 14, 2023 pm 06:13 PM

Internet Explorer가 오랫동안 인기를 끌지 못했다는 것은 비밀이 아니지만 Windows 11이 출시되면서 현실이 시작되었습니다. 나중에 IE를 대체하는 경우도 있지만 이제 Edge는 Microsoft 최신 운영 체제의 기본 브라우저입니다. 현재로서는 Windows 11에서 Internet Explorer를 계속 활성화할 수 있습니다. 그러나 IE11(최신 버전)은 이미 공식적인 종료 날짜인 2022년 6월 15일을 갖고 있으며 시계는 계속 흐르고 있습니다. 이를 염두에 두고 Internet Explorer가 때때로 Edge를 여는 것을 발견했을 수 있으며 마음에 들지 않을 수도 있습니다. 그럼 왜 이런 일이 일어나는 걸까요? 존재하다

win11에서 ie11 브라우저를 사용할 수 없으면 어떻게 해야 합니까? (win11은 IE 브라우저를 사용할 수 없습니다) win11에서 ie11 브라우저를 사용할 수 없으면 어떻게 해야 합니까? (win11은 IE 브라우저를 사용할 수 없습니다) Feb 10, 2024 am 10:30 AM

점점 더 많은 사용자들이 win11 시스템을 업그레이드하기 시작하고 있습니다. 사용자마다 사용 습관이 다르기 때문에 여전히 많은 사용자들이 ie11 브라우저를 사용하고 있습니다. 그렇다면 win11 시스템에서 ie 브라우저를 사용할 수 없으면 어떻게 해야 합니까? windows11은 여전히 ​​ie11을 지원하나요? 해결책을 살펴보겠습니다. win11에서 ie11 브라우저를 사용할 수 없는 문제 해결 방법 1. 먼저 시작 메뉴를 마우스 오른쪽 버튼으로 클릭한 후 "명령 프롬프트(관리자)"를 선택하여 엽니다. 2. 연 후 "Netshwinsockreset"을 직접 입력하고 Enter를 눌러 확인합니다. 3. 확인 후 "netshadvfirewallreset&rdqu"를 입력하세요.

Win10에서 IE를 열 때 Edge로 자동 점프를 취소하는 방법_IE 브라우저 페이지 자동 점프에 대한 솔루션 Win10에서 IE를 열 때 Edge로 자동 점프를 취소하는 방법_IE 브라우저 페이지 자동 점프에 대한 솔루션 Mar 20, 2024 pm 09:21 PM

최근 많은 win10 사용자는 컴퓨터 브라우저를 사용할 때 IE 브라우저가 항상 자동으로 엣지 브라우저로 이동한다는 사실을 발견했습니다. 그러면 win10에서 IE를 열 때 자동 엣지 브라우저로 이동을 끄는 방법은 무엇입니까? 이 사이트에서는 win10에서 IE를 열 때 자동으로 가장자리로 이동하고 닫는 방법을 사용자에게 주의 깊게 소개합니다. 1. 엣지 브라우저에 로그인하고 오른쪽 상단에서...를 클릭하고 드롭다운 설정 옵션을 찾습니다. 2. 설정을 입력한 후 왼쪽 열에서 기본 브라우저를 클릭합니다. 3. 마지막으로 호환성에서 웹사이트가 IE 모드에서 다시 로드되는 것을 허용하지 않는 확인란을 선택하고 IE 브라우저를 다시 시작합니다.

IE 바로가기가 삭제되지 않는 문제 해결 방법 IE 바로가기가 삭제되지 않는 문제 해결 방법 Jan 29, 2024 pm 04:48 PM

삭제할 수 없는 IE 바로가기 해결 방법: 1. 권한 문제, 3. 소프트웨어 충돌, 5. 악성 소프트웨어, 7. IE 재설치, 9. 바로가기의 대상 경로를 확인하세요. 10. 다른 요소를 고려하세요. 11. 전문가에게 문의하세요. 자세한 소개: 1. 권한 문제, 바로가기를 마우스 오른쪽 버튼으로 클릭하고 "보안" 탭에서 "속성"을 선택한 후 바로가기를 삭제할 수 있는 권한이 있는지 확인하세요. 그렇지 않은 경우 관리자로 실행해 보세요. .

시대의 끝: Internet Explorer 11이 만료되었습니다. 알아야 할 사항은 다음과 같습니다. 시대의 끝: Internet Explorer 11이 만료되었습니다. 알아야 할 사항은 다음과 같습니다. Apr 20, 2023 pm 06:52 PM

2022년 6월 15일은 Microsoft가 IE11(Internet Explorer 11)에 대한 지원을 종료하고 레거시 브라우저 장을 마감하는 날입니다. 회사는 한동안 사용자에게 이 수명 종료 날짜를 상기시키고 Microsoft Edge로의 전환을 계획할 것을 촉구해 왔습니다. Microsoft는 Windows용 최신 기본 웹 브라우저로 IE11을 Windows 8.1에 번들로 제공합니다. 비록 (현재의) Chrome 수준에는 도달하지 못했지만 2014년에는 IE8에 이어 두 번째로 많이 사용된 데스크톱 브라우저였습니다. 물론 20으로

IE 가속 기능을 활성화하는 방법 IE 가속 기능을 활성화하는 방법 Jan 30, 2024 am 08:48 AM

IE 가속 기능을 활성화하는 방법은 무엇입니까? IE는 웹 페이지를 열기에는 너무 느립니다. IE에서 하드웨어 가속 모드를 활성화할 수 있습니다. 많은 친구들이 IE 브라우저를 사용할 때 웹 페이지를 여는 속도가 매우 느리고 이는 웹 탐색에도 일정한 영향을 미친다고 보고했습니다. 이런 경우에는 IE 브라우저의 하드웨어 가속 모드를 켜면 됩니다. 관심 있으신 분들은 아래에 IE의 가속 기능을 켜는 방법을 정리했습니다. , 아래를 살펴보세요! IE에서 가속 기능을 활성화하려면 IE 보안 브라우저를 열고 오른쪽 상단에 있는 톱니바퀴 모양의 "설정" 아이콘을 클릭한 후 그림과 같이 "인터넷 옵션"을 선택하여 들어갑니다. 2. 그림과 같이 인터넷 옵션 창 상단에 있는 탭 탐색에서 "고급"을 클릭하세요. 삼.

win7에서 ie9 브라우저를 제거하는 방법 win7에서 ie9 브라우저를 제거하는 방법 Jul 10, 2023 am 11:41 AM

win7에서 ie9를 제거하는 방법은 무엇입니까? 컴퓨터는 직장에서 일을 처리할 수 있으며 TV 프로그램을 시청하는 데에도 사용될 수 있습니다. 드라마를 보는 것과 마찬가지로 브라우저를 사용하여 시청하는 경우가 늘어나고 있으며, 브라우저의 기능도 완벽하기 때문에 이제 ie9 브라우저를 사용하는 사람은 점점 줄어들고 있습니다. 그렇다면 win7에서 브라우저를 제거하는 방법은 무엇일까요? 시스템에서 IE9 브라우저를 제거합니다. win7에서 ie9 브라우저를 제거하는 방법. 1. 먼저 두 번 클릭하여 MyPC를 열고 프로그램 제거 또는 교체를 선택합니다. 2. 그런 다음 "ViewInstallUpdate"를 찾아 클릭합니다. 내부에서 "windows Internet Explorer9"을 찾은 후 마우스 오른쪽 버튼을 클릭하여 삭제하세요. 위의 내용은 wi가 포함된 편집기입니다.

See all articles