inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

초보자를 위한 HTML 기초

HTML dialog 요소

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

549

자스린

작성한 질문수 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로 복붙해서 읽으면 됩니당!!ㅎㅎㅎ답변해주셔서 감사합니다~ :)

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

0

15

1

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

0

53

2

1강 동영상 재생 오류

1

65

2

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

0

32

1

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

0

37

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

54

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

83

4

설명이 잘못된거같습니다.

1

69

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

64

1

bitnami 설치

0

39

0

강의 소스 코드는 어디서 볼수 있나여?

1

63

1

자료집 관련

0

62

2

13. (App 2) 기본기 훈련 에서

0

88

1

input 과 label 의 작성 순서

0

745

1

a 링크의 href 속성

0

879

2

리액트에서 picture 사용법

0

258

0

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

0

530

2

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

0

300

1

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

0

349

1

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

0

276

1

details 엘리먼트의 이점에 대해

0

281

1

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

0

424

3

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

1

226

1