CSS中的input隱藏顯示是一種非常常見的操作，它通過設(shè)置CSS樣式來控制input元素的隱藏顯示。以下是一個(gè)例子：

<style>
/*先定義一個(gè)默認(rèn)的樣式*/
.input-style{
display: block;
margin: 20px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
/*再定義一個(gè)隱藏的樣式*/
.input-style.hidden{
display: none;
}
</style>
<!-- input元素 -->
<input type="text" class="input-style" value="顯示的內(nèi)容" />

以上代碼中的.input-style是一個(gè)普通的CSS樣式，它定義了input元素的一些樣式屬性。當(dāng)我們需要隱藏input元素時(shí)，只需要給它加上.hidden的class，即可切換為隱藏狀態(tài)。

<!-- 隱藏input元素 -->
<input type="text" class="input-style hidden" value="隱藏的內(nèi)容" />

以上代碼將input元素的class修改為input-style hidden，這樣input元素就會被隱藏起來。