HTML點(diǎn)擊登錄彈出一個(gè)頁(yè)面

<!-- 登錄按鈕 -->
<button onclick="document.getElementById('loginPopup').style.display='block'">登錄</button>
<!-- 登錄彈出框 -->
<div id="loginPopup">
<!-- 關(guān)閉按鈕 -->
<span onclick="document.getElementById('loginPopup').style.display='none'">×</span>
<!-- 登錄表單 -->
<form action="#" method="post">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<input type="submit" value="登錄">
</form>
</div>

代碼解析:

• 點(diǎn)擊按鈕時(shí)，會(huì)找到id為loginPopup的元素，并將其display屬性設(shè)置為block，使其變?yōu)榭梢?jiàn)。
• 彈出框中有一個(gè)關(guān)閉按鈕，點(diǎn)擊時(shí)會(huì)將display屬性設(shè)置為none，使其隱藏。
• 在彈出框中有一個(gè)表單，用于用戶輸入用戶名和密碼。需要注意的是，表單的action和method屬性需要根據(jù)實(shí)際情況設(shè)置。