HTML5 dialog是什么?怎么使用HTML5中的dialog来实现模拟弹窗?


本文摘自PHP中文网,作者寻∝梦,侵删。

HTML5 dialog是什么?怎么使用HTML5中的dialog来实现模拟弹窗?本篇文章主要讲述HTML5中的dialog标签的定义和具体用法,还有如何在HTML5中通过dialog标签来实现模拟弹窗。

HTML5 dialog标签的定义和用法:

<dialog> 标签定义对话,比如交谈。

这有实例:

1

2

3

4

5

6

7

8

<dialog>

  <dt>老师</dt>

  <dd>1+1 等于?</dd>

  <dt>学生</dt>

  <dd>2</dd>

  <dt>老师</dt>

  <dd>答对了!</dd>

</dialog>

提示和注释:

提示:对话中的每个句子都必须属于 <dt> 标签所定义的部分。请看下面的例子。

标签定义及使用说明:

<dialog> 标签定义一个对话框、确认框或窗口。

这是实例:

1

2

3

4

5

6

7

8

9

10

11

12

<table border="1">

<tr>

  <th>January <dialog open>This is an open dialog window</dialog></th>

  <th>February</th>

  <th>March</th>

</tr>

<tr>

  <td>31</td>

  <td>28</td>

  <td>31</td>

</tr>

</table>

HTML5 dialog标签属性:

阅读剩余部分

相关阅读 >>

动手打造HTML5俄罗斯方块的(图文)

HTML5移动应用现状谈发展趋势的详细介绍

h5段落的使用方法

HTML5 frameset标签的替代方案是什么?frameset标签替代的解决办法

HTML5语义化标签及兼容性处理详解

移动端h5轮播插件swipe实例详解

h5与传统html的区别

HTML5 ruby标签的定义及使用方法详解(内有实例介绍)

HTML5包含css3吗

HTML5文件上传插件遇到的技术问题

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...