資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究如何在HTML中顯示文字區域？
本文將介紹如何在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>
指令碼執行後，輸出視窗將彈出，提供 textarea 輸入型別和一個提交按鈕。
更新於：2022年12月15日
3K+ 次瀏覽
廣告