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

阅读剩余部分

相关阅读 >>

h5做出手机摇一摇功能的实现步骤

HTML5利用canvas绘画二级树形结构图

如何解决HTML5 虚拟键盘出现挡住输入框的问题

关于HTML5中如何调用相机拍照并且压缩图片的示例详解

HTML5 canvas绘制五角星的方法

用h5做有特效的下拉框

h5怎样实现获取用户地理定位

HTML5新特性之web worker

怎样用h5的sse服务器发送eventsource事件

HTML5+js绘制流星雨的示例代码分享

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




打赏

取消

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

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

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

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

评论

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