单击按钮时出现的图像

Question

单击按钮时出现的图像

Bry*_*yan 3 html hidden image click button

单击提交按钮时如何显示隐藏图像？

Answer 1

你很幸运我准备了一个空白的HTML页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> 
    <meta charset="utf-8" />

    <title>Test</title>

    <style type="text/css">
      .hidden {
        display: none;
      }
    </style>
  </head>

  <body>
    <form>
      <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" />
     </form>

     <img id="hidden" class="hidden" src="foo.png" />
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，6 月前
查看次数：	38322 次
最近记录：	8 年前