inflearn logo
강의

Khóa học
Chia sẻ kiến thức

HTML cơ bản cho người mới bắt đầu

Phần tử hộp thoại HTML

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

549

daadaadaah2720

18 câu hỏi đã được viết

0

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

HTML/CSS

Câu trả lời 4

1

choeun

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

1

choeun

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

choeun

감사합니다!

0

daadaadaah2720

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

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

0

27

1

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

0

53

2

1강 동영상 재생 오류

1

65

2

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

0

35

1

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

0

39

1

Strict Mode 예시 질문!

0

58

2

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

0

54

2

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

1

84

4

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

1

71

2

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

1

64

1

bitnami 설치

0

39

0

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

1

64

1

자료집 관련

0

63

2

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

0

88

1

input 과 label 의 작성 순서

0

745

1

a 링크의 href 속성

0

880

2

리액트에서 picture 사용법

0

258

0

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

0

530

2

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

0

300

1

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

0

350

1

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

0

276

1

details 엘리먼트의 이점에 대해

0

282

1

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

0

424

3

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

1

226

1