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中websocket是什么意思

HTML5中web sql的学习小结

详细介绍HTML5简易在线画图工具的实现案例

HTML5如何解决margin-top的塌陷问题(附代码)

HTML5的canvas元素有什么作用?<canvas>的简单使用

12个冷门的h5设计小技巧

HTML5开发实例-threejs实现粒子动画飘花效果代码分享

关于HTML5的知识小结

HTML5标准学习-简介介绍

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




打赏

取消

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

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

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

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

评论

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