在CSS中,文本框是指可以輸入文本的表單元素。在HTML中,常見的文本框有輸入框和文本域。
要在文本框里面輸入文字,首先需要將其用css樣式設(shè)置為可見和可編輯狀態(tài)。下面是一個示例:
input[type="text"], textarea { display: block; /* 塊級元素 */ width: 100%; /* 寬度占滿容器 */ border: 1px solid #ccc; /* 邊框 */ padding: 5px; /* 內(nèi)邊距 */ }上面的代碼中,選擇了所有 type 為 text 的 input 元素和所有 textarea 元素,并設(shè)置它們的樣式。其中,display 屬性設(shè)置為 block,讓文本框以塊級元素顯示;width 屬性設(shè)置為 100%,讓寬度鋪滿容器;border 屬性設(shè)置為 1px solid #ccc,讓邊框顯示為灰色、單線條;padding 屬性設(shè)置為 5px,為文本框的內(nèi)容留出一定的空間。 除了上述通用的樣式,我們還可以通過 CSS 選擇器為不同的文本框設(shè)置不同的樣式。例如,為輸入框和文本域分別設(shè)置不同的字體大小:
input[type="text"] { font-size: 14px; /* 輸入框字體大小 */ } textarea { font-size: 16px; /* 文本域字體大小 */ }在文本框中輸入文字時,可以像在普通的文本編輯器中一樣操作。例如,使用上下左右鍵移動光標(biāo),使用退格鍵刪除文字,使用Ctrl+C和Ctrl+V復(fù)制和粘貼等。 如果要在文本框中輸入多行文本,可以使用文本域。在HTML中,文本域的標(biāo)簽為