HTML弹出提示框--提示文本框内容

作者:小小谷 | 创建时间: 2023-05-07
有些不会js的朋友问我,怎么让html页面弹出文本框的内容啊,下面小编来告诉大家如何实现。...
HTML弹出提示框--提示文本框内容

操作方法

打开dw,选择新建一个HTML的页面。

在新建的页面中,在代码<body>中添加内容。

在里面写上一个文本框,在文本框中写上文字“这是文本框的内容”。

然后ctrl+s保存到别的地方去,或者另保存到桌面也可以。

保存好了,双击这个wenben.html用默认浏览器打开。可以看到我们写好的文本框在浏览器中了。

在文本后面给文本框加上id,下面要开始写js的代码了。

在<title>下面添加js的代码,代码如下所示,图片中给予说明了。

把这些js代码放在<script></sctipt>中用大括号起来。然后在添加一个打印的按钮。

保存后,再用浏览器打开,点击打印按钮可以看到效果了。

温馨提示

注意,要保存才能看到效果,js要写对,不然没有效果的。
id:海南的男孩子
点击展开全文

更多推荐