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

有些不会js的朋友问我，怎么让html页面弹出文本框的内容啊，下面小编来告诉大家如何实现。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

赞 (0)

相关推荐