資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 HTML 中顯示文字區域？
我們將在本文中執行的任務是如何在 HTML 中顯示文字區域。讓我們深入瞭解本文，以清楚地瞭解如何顯示文字區域。
HTML textarea 標籤定義了一個多行純文字編輯控制元件。文字以固定寬度的字型顯示，因為文字區域可以承載無限數量的字元（通常是 Courier）。在表單中，textarea 通常用於收集使用者的輸入，例如評論或反饋。提交表單後，表單資料中的引用將需要 name 屬性。
讓我們看看以下示例，以瞭解更多關於如何在 HTML 中顯示 textarea 的資訊。
示例 1
在下面的示例中，我們使用多行輸入控制元件。
<!DOCTYPE html>
<html>
<body>
<form action="https://tutorialspoint.tw/index.htm">
<label for="name">NAME:</label><br>
<input type="text" id="name" name="name"><br>
<p><label for="comment">About Yourself:</label></p>
<textarea id="comment" name="comment" rows="5" cols="35">
I'm from Hyderabad,Telengana
</textarea><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
執行以上指令碼後，輸出視窗會彈出，顯示名稱的輸入欄位和一個關於您自己的 textarea，以及一個提交按鈕。如果單擊提交按鈕，則表單將被提交。
示例 2：使用 JavaScript
考慮以下示例，我們正在執行指令碼以更改文字區域中的內容。
<!DOCTYPE html>
<html>
<body>
Address:<br>
<textarea id="tutorial">
kavuri incore 9
Hyderabad
</textarea>
<button type="button" onclick="myFunction()">Click To Change</button>
<script>
function myFunction() {
document.getElementById("tutorial").value = "Madhapur , Telangana";
}
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含一個用於地址欄位的 textarea，其中填充了文字以及一個“點選更改”按鈕。
如果使用者單擊該按鈕，則 textarea 中的文字將更改。
示例 3
讓我們考慮另一個使用 textarea 標籤的示例
<!DOCTYPE html>
<html>
<head>
<title>HTML textarea Tag</title>
</head>
<body>
<form action = "/cgi-bin/hello_get.cgi" method = "get">
Enter subjects
<br/>
<textarea rows = "5" cols = "50" name = "description"></textarea>
<input type = "submit" value = "submit" />
</form>
</body>
</html>
當指令碼執行時，輸出視窗將彈出，提供文字區域的輸入型別以及一個提交按鈕。
更新於： 2022-12-15
3K+ 次檢視
廣告