本文將教您如何在 HTML 中設置文本區域中的可見行數。 HTML
語法
以下是設置文本區域中可見行數的語法 –
<textarea rows = "value">
登錄后復制
使用 HTML textarea rows 屬性指定控件的顯示行數或可見文本行數。此外,它還指定文本區域的可見高度。
以下是設置 HTML 文本區域中可見行數的示例。
示例 1
在下面的示例中,我們使用行和列中提到的
<!DOCTYPE html>
<html>
<body>
<textarea rows="7" cols="25">
Doorno:11/2
kavuri hills phase2
madhapur,hyderabad
telangana
</textarea>
<input type = "submit" value = "submit" />
</body>
</html>
登錄后復制
執行上述腳本時,它將生成由文本區域字段中的文本組成的輸出,使通過使用文本區域行屬性獲得的行可見。
示例 2:使用 Javascript
在下面的示例中,我們運行一個腳本以使線條在文本區域中可見。
<!DOCTYPE html>
<html>
<body>
<textarea id="mytutorial" rows="6" cols="50">
Mahendra Singh Dhoni is an Indian former professional cricketer
who was captain of the Indian national cricket team in limited-overs
formats from 2007 to 2017 and in Test cricket from 2008 to 2014.
</textarea>
<p>Click To Change Number Of Visible Rows</p>
<button type="button" onclick="mytutorial1()">Click</button>
<script>
function mytutorial1() {
document.getElementById("mytutorial").rows = "10";
}
</script>
</body>
</html>
登錄后復制
運行上述腳本時,它將生成一個輸出,其中包含一個填充文本的文本區域字段以及網頁上的提示和單擊按鈕。
當用戶單擊按鈕時,會觸發該事件并增加文本區域中可見行的數量。
示例 3
在下面的示例中,我們使用
<!DOCTYPE html>
<html>
<head>
<title>HTML rows attribute</title>
</head>
<body>
<form action = "/cgi-bin/hello_get.cgi" method = "get">Enter subject<br />
<textarea rows = "5" cols = "50" name = "description"></textarea><br>
<input type = "submit" value = "submit" />
</form>
</body>
</html>
登錄后復制
執行腳本時,它將生成一個輸出,其中包含一個文本區域字段,供用戶輸入提到的文本,以及一個允許網頁上可見線條的行屬性。
以上就是我們如何在HTML中設置文本區域的可見行數?的詳細內容,更多請關注www.92cms.cn其它相關文章!






