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缓存-manifest的示例代码分享(图文)

h5中meta标签及作用

HTML5开发手机打电话发短信功能代码实例分享

html如何定义错误提示

HTML5 data-* 自定义属性实例分享

5个java开发人员必须重视HTML5的理由

HTML5与html的区别有哪些?HTML5与html四大区别总结

HTML5无插件多媒体media-音频audio与视频video的详细介绍

h5移动端页面点击input重复弹出键盘的实现方法

HTML5 video 视频标签使用介绍

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




打赏

取消

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

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

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

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

评论

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