文本框是網站的一個部分,用戶可以在其中輸入文本。當您單擊或點擊文本框或文本框內時,將出現一個閃爍的光標,表示您已準備好開始鍵入。如果您使用的是平板電腦或智能手機,則會出現屏幕鍵盤。
文本框分為兩種類型:文本字段和文本區域。這兩個文本框具有不同的用途,可幫助用戶了解他們應該在文本框中鍵入的內容。
文本字段是一個較小的(通常是矩形框),您可以在其中輸入一行文本,如名稱、數字或任何其他短文本類型。
文本區域是一個較大的框,您可以在其中輸入多行文本,如說明、段落等。
當您點擊文本字段中的 Enter 按鈕時,光標將移動到以下字段或提交表單。另一方面,在文本區域中,光標將移動到新行,從而創建換行符。
如何將文本字段添加到您的網站
每當您希望用戶在網頁中輸入內容時,都可以使用 標記。然后,要確保這是一個文本字段,您可以添加 type 屬性:<input>text
這將在我們的網頁上輸出一個單行文本字段,該字段可以采用所有形式的文本值。我們還可以添加標簽標簽或其他屬性(如屬性),讓用戶知道要在文本字段中輸入什么。placeholder
我們可以在文本字段上定義更多屬性,例如 和 ,以幫助定義字段可以接受的最大或最小文本量。maxlength inlength
我們還可以將默認值傳遞給帶有 value 屬性的文本:
如何向您的網站添加文本區域
文本區域由 標記定義。您可以使用它來收集無限制的多行文本,如評論或評論。<textarea>
您可以通過 和 屬性(或使用 CSS)指定文本區域的大小。cols rows
textarea 字段不使用 value 屬性傳入默認值,但您可以在開始標記和結束標記之間放置默認內容。
與輸入標記一樣,我們可以將 和 屬性添加到文本區域字段。maxlength minlength placeholder
在本文中,您已經學習了如何使用 和 標記向網站添加文本框,具體取決于您希望添加的文本框。<textarea/><input/>type text