inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

초보자를 위한 HTML 기초

HTML dialog 요소

dialog 미지원 브라우저를 위한 fallback 관련 질문입니다

557

자스린

작성한 질문수 18

0

만약, dialog를 사용할 경우, 미지원 브라우저를 위한 fallback을 사용하면 된다고 하셨는데, 혹시 코드로 예시를 알려주실 수 있나요?

HTML/CSS

답변 4

1

조은

에디터에서 포매팅이 제 의도대로 되지 않는군요 ㅠ

1

조은

Polyfill 코드는 Chrome에서 공식으로 제공하는 게 있어,
해당 링크를 전달드립니다.

https://github.com/GoogleChrome/dialog-polyfill

코드 예제는 다음과 같습니다:

<head>
  <link rel="stylesheet" type="text/css" href="dist/dialog-polyfill.css" />
</head>
<body>
  <dialog>
    I'm a dialog!
    <form method="dialog">
      <input type="submit" value="Close" />
    </form>
  </dialog>
  <script src="dist/dialog-polyfill.js"></script>
  <script>
    var dialog = document.querySelector('dialog');
    dialogPolyfill.registerDialog(dialog);
    // Now dialog always acts like a native <dialog>.
    dialog.showModal();
  </script>
</body>

0

조은

감사합니다!

0

자스린

괜찮습니다! 공부할겸 VSCode로 복붙해서 읽으면 됩니당!!ㅎㅎㅎ답변해주셔서 감사합니다~ :)

모바일 로고 이미지가 날아갔어요...

0

15

2

사주 판매를 위해서, 사업자등록증 업종 추가해야하나요?

0

31

0

연애인 사주는 그냥 넣어도 상관없나요?

0

45

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

46

1

인프당 무당 캐릭터 뽑는 프롬프트

0

57

2

10월 15일 삭제예정 강의 문의

0

45

1

강의가 중복됐어요

0

60

1

결제가 이루어지는 방식에 대한 문의

0

71

1

강의제목에 10/15일 삭제라고 나와있는데,

0

51

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

1강 동영상 재생 오류

1

72

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

47

1

Composition단계에서 `Layer`는 누가 만드는지

0

49

1

Strict Mode 예시 질문!

0

66

2

input 과 label 의 작성 순서

0

751

1

a 링크의 href 속성

0

888

2

리액트에서 picture 사용법

0

268

0

section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.

0

536

2

React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.

0

302

1

tr 요소 내에 th, td 혼용 관련 질문입니다

0

359

1

시맨틱 구조 관련해서 질문있습니다.

0

282

1

details 엘리먼트의 이점에 대해

0

283

1

address 요소 설명 중 궁금한 것이 있어서 질문드립니다.

0

428

3

자바스크립트를 이용할 때 button type 지정에 관한 궁금증

1

227

1