0
所以,我今天已經瞭解了模態窗口,在過去的2個小時左右,我一直在閱讀它們,但是我不太清楚它們是如何工作的。我創建了一個草稿.html文件,並遵循w3school的教程,它完美地工作。我甚至編輯了所有.css代碼和一些html,以便將它移植到我的主項目中。點擊按鈕打開模態對話框時出現問題?
事情是,它不工作。應該在對話框中的文本只顯示在頁面的頂部/底部。我究竟做錯了什麼?我會爲您提供我的html和link,我從中獲取了模式框。不需要頁眉和頁腳,因爲它對我來說毫無意義。
我試圖把div放在這麼多地方,但我真的不知道把它們放在哪裏或做什麼。
這裏是我的代碼,沒有我試圖讓模態對話框工作
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Index</title>
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body class="Background">
\t <div class="BtLogin">
\t \t \t <a href="Login/paginalogin.php">
\t \t \t \t <input type="image" id="admin" src="http://i.imgur.com/I3D3nqm.png">
\t \t \t </a>
\t </div>
\t <form action="" id="myform" method="POST">
\t \t <table class="Table">
\t \t \t <tr>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt1" form="myform" value="A"></td>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt2" form="myform" value="B"></td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt3" form="myform" value="C"></td>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt4" form="myform" value="D"></td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt5" form="myform" value="E"></td>
\t \t \t \t <td><input class="Button ButtonTxt" type="submit" name="ContBt6" form="myform" value="F"></td>
\t \t \t </tr>
\t \t </table>
\t </form>
</body>
</html>
我需要所有6個按鈕做同樣的事情。通過給他們相同的ID,我認爲這會起作用,對吧?但我的問題似乎是放置div的地方。你能幫我嗎?我不需要你來修復我的整個代碼,只是想知道我做錯了什麼,以及我應該如何解決它。