在html中，我們可以使用下拉框來增加頁面的交互性，同時也可以將頁面內容更加整潔有序。但在某些情況下，我們需要將下拉框設置為隱藏狀態，讓其僅在特定的情況下顯示出來。下面就是如何用html代碼來設置下拉框隱藏的方法。

<select id="mySelect" style="display:none">
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
</select>

通過上面的代碼，我們可以看到，將下拉框設置為隱藏狀態的方法就是在select標簽中加上style="display:none"屬性。這樣就能夠讓下拉框一開始不可見。另外，我們還可以通過javascript來控制下拉框的顯示和隱藏。

<script>
function showSelect(){
document.getElementById("mySelect").style.display = "block";
}
function hideSelect(){
document.getElementById("mySelect").style.display = "none";
}
</script>

在javascript中，我們可以通過getElementById()方法獲取下拉框的元素，并通過設置style.display屬性來控制其顯示和隱藏。需要注意的是，當下拉框的style.display屬性被設置為none時，也會隱藏下拉框中的每一個選項。