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标签属性:

阅读剩余部分

相关阅读 >>

html与HTML5有什么区别

你有认真学习HTML5吗?那么你应该读的书都在这里了

具体介绍HTML5表单新增属性

HTML5中indexeddb 数据库的相关介绍

HTML5的触摸事件

HTML5中返回当前音频/视频的url的属性currentsrc

HTML5实现对话气泡点击动画

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

HTML5 虚拟键盘出现挡住输入框怎么办

h5的所有元素及基本语法归纳

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




打赏

取消

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

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

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

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

评论

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