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