如何限制在HTML表單中的文字區域中輸入的字元數量?
在 HTML 中,我們可以藉助各種元素建立表單來接受和儲存使用者輸入的資訊。這些元素也稱為表單元素,例如:文字欄位(文字方塊)、單選按鈕、核取方塊、下拉方塊或組合方塊、重設和提交按鈕。
TextArea 是可以在表單中建立的元素之一。文字區域用作多行控件,使用者可以在其中在多行和多列中輸入資料。
TextArea 控制項用於輸入備註、建議、地址資訊、電子郵件正文、評論等,其中文字大小比普通文字欄位大,因為文字欄位是單行輸入控制項,需要一行資料。
範例
讓我們了解建立預設寬度和高度的文字區域的基本 HTML 程式碼。
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1 id="Feedback-Form">Feedback Form..</h1> <form id="feedback_form"> <label for="label1">Enter your feedback here:</label> <textarea id="t1"> </textarea> </form> </body> </html>
範例
要設定您自己選擇的文字區域的寬度和高度,您可以指定所需的行數和列數。為此,我們可以利用
<html> <head><title>Feedback Form..</title> <style> h1{font-family:Algerian;font-size:20;color:blue;text-align:center} </style> </head> <body> <h1 id="Feedback-Form">Feedback Form..</h1> <form id="feedback_form"> <table> <tr> <td> <label for="label1">Enter your feedback:</label> </td> <td> <textarea id="t1" rows="10" cols="24">Type your valueable feedback here: </textarea> </td> </tr> </table> </form> </body> </html>
當文字區域中輸入的資訊超過其高度時,垂直滾動條將自動啟動。
注意 - 預設情況下,我們可以在文字區域中輸入最多 5,24,288 個字元的資料。
在某些情況下,需要對可以在文字區域中鍵入的字元大小進行限制。因此,在這種情況下,我們可以使用 maxlength 屬性來控製文字區域中輸入的字元數。
範例
假設,在一個人輸入他或她的經驗、文章或演講的網站中,字元數必須有一定的限制。因此,網頁設計者可以使用 maxlength 屬性來限制在文字區域中鍵入的字元的限制。讓我們透過一個例子來理解 -
<html> <body> <form id="feedback_form"> <label for="label1">Enter your feedback (150 words):</label> <textarea id="t1" maxlength="150"> </textarea> </form> </body> </html>
在此程式中,字元數限制僅設定為 150 個字符,這表示它將停止輸入,因為我們不允許輸入超過「150」個字元。
我們上面已經討論了cols 屬性可以指定文字區域的寬度,這意味著我們可以輸入最大列數,但是如果我們使用cols 和maxlength 屬性一起放在

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中,需要實現一種交互效果:點擊某張圖片,使其周圍的...

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能,特別是如何處理批註之間的間�...
