如何使用 CSS 關閉 input 標簽？

input 標簽是 HTML 中用于添加表單控件的標簽之一。在 CSS 中，我們可以通過設置 input 標簽的類名或屬性來關閉這些控件。以下是一些關閉 input 標簽的方法：

1. 使用 input[type="button"] 標簽：

使用 input[type="button"] 標簽可以創建一個按鈕式輸入框。可以通過在 input[type="button"] 標簽上添加 CSS 類名 "button-close" 來關閉按鈕式輸入框。例如：

```html

<input type="button" value="Click me" id="myButton">

<style>

#myButton:click(function() {

input[type="button"]:《button-close》

</style>

2. 使用 input[type="text"], input[type="password"] 和 input[type="submit"] 標簽：

對于文本、密碼和提交按鈕式輸入框，可以使用 input[type="submit"] 標簽的 "onsubmit" 屬性來關閉這些輸入框。例如：

```html

<input type="text" id="myText">

<input type="password" id="myPassword">

<input type="submit" value="Submit">

<style>

#myText, #myPassword, #mySubmit:submit(function() {

input[type="submit"]:《button-close》

</style>

3. 使用 CSS 類名：

可以使用 CSS 類名來關閉輸入框。例如，使用 "button-close" 類名可以創建一個關閉按鈕式輸入框。例如：

```css

input[type="submit"] {

background-color: #ddd;

border: none;

color: #444;

padding: 10px;

border-radius: 5px;

cursor: pointer;

display: inline-block;

font-size: 16px;

width: 100%;

text-align: center;

input[type="submit"]:《button-close》 {

display: none;

這些是關閉 input 標簽的幾種方法。通過選擇合適的方法，我們可以輕松地關閉輸入框，使得表單功能更加簡潔明了。