HTML 設置控件隱藏顯示 在網頁設計中，我們經常需要將某些控件進行隱藏或者顯示。HTML 給我們提供了一些簡單的方法，可以輕松實現這些要求。以下是一些實現的方法。 1. 使用 CSS 實現簡單的控件隱藏顯示 我們可以利用 CSS 技術，通過設置 display:none 屬性來設置控件的隱藏和顯示。 例如，在下面這個代碼中：

<style>
.hidden{
display: none;
}
</style>
<div id="myDiv">
<p>這是一個需要控制隱藏顯示的 div</p>
</div>
<input type="button" value="顯示" onclick="document.getElementById('myDiv').classList.remove('hidden')">
<input type="button" value="隱藏" onclick="document.getElementById('myDiv').classList.add('hidden')">

這里我們通過 CSS 中的 .hidden 類來設置 div 的隱藏和顯示，按鈕的代碼里使用了 JavaScript，通過操作 CSS 類來實現控件的隱藏和顯示。 2. 使用 JavaScript 實現控件隱藏顯示 我們可以使用 JavaScript 控制控件的隱藏與顯示。在下面這個例子中：

<script type="text/javascript">
function ShowDiv(){
document.getElementById("myDiv").style.display = "block";
}
function HideDiv(){
document.getElementById("myDiv").style.display = "none";
}
</script>
<div id="myDiv" style="display:none">
<p>這是一個需要控制隱藏顯示的 div</p>
</div>
<input type="button" value="顯示" onclick="ShowDiv()">
<input type="button" value="隱藏" onclick="HideDiv()">

我們使用了 JavaScript 來編寫了兩個函數，ShowDiv 用于顯示控件，HideDiv 用于隱藏控件。另外，在 div 中，我們設置了 style 的 display:none 屬性，用于初始化 div 隱藏狀態，實現了簡單的控件的隱藏和顯示。 總結： 無論是使用 CSS 還是 JavaScript，我們都可以很容易地實現控件的隱藏和顯示，最終的效果都是相同的。通過合理的利用，我們可以讓我們的網頁更加具有交互性，給用戶帶來更好的體驗。