DOM Textarea wrap属性用于设置或返回textarea的wrap属性的值。它描述了提交表单时包装文本的方式。
用法:
- 它用于返回wrap属性。
textareaObject.wrap
- 它用于设置wrap属性。
textareaObject.wrap = soft|hard
属性值:
- soft:它定义了文本不被包装。它是默认值。
- hard:它定义了文本换行。在此必须提到cols属性。
返回值:它以字符串形式返回文本在文本区域中的环绕方式。
示例1:本示例说明了如何设置Textarea wrap属性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM textarea wrap Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM textarea wrap Property
</h2>
<!-- Assigning id to textarea. -->
<textarea id="GFG_ID"
rows="3"
cols="10"
name="Geeks"
wrap="hard">
This text is wrapped in the text area field.
</textarea>
<br>
<button onclick="myGeeks()">
Submit
</button>
<p id="GFG"> </p>
<script>
function myGeeks() {
// Set the wrap property.
var x =
document.getElementById(
"GFG_ID").wrap = "soft";
document.getElementById("GFG").innerHTML =
"The value is changed to " + x;
}
</script>
</body>
</html>
输出:
在点击按钮之前:
单击按钮后:
示例2:本示例说明了如何返回Textarea Wrap属性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM textarea Wrap Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>DOM textarea Wrap Property</h2>
<!-- Assigning id to textarea. -->
<textarea id="GFG_ID"
rows="3"
cols="10"
name="Geeks"
wrap="hard">
This text is wrapped in the text area field.
</textarea>
<br>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo"></p>
<!-- Return the value of the wrap property -->
<script>
function myGeeks() {
var x =
document.getElementById(
"GFG_ID").wrap;
document.getElementById(
"sudo").innerHTML = x;
}
</script>
</body>
</html>
输出:
在点击按钮之前:
单击按钮后:
支持的浏览器:下面列出了Textarea Wrap属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML <textarea> wrap属性用法及代码示例
- HTML Textarea name用法及代码示例
- HTML Textarea maxlength用法及代码示例
- HTML Textarea autofocus用法及代码示例
- HTML Textarea autocomplete用法及代码示例
- HTML Textarea readOnly用法及代码示例
- HTML Textarea disabled用法及代码示例
- HTML Textarea placeholder用法及代码示例
- HTML Textarea cols用法及代码示例
- HTML Textarea required用法及代码示例
- HTML Textarea rows用法及代码示例
- HTML Textarea defaultValue用法及代码示例
- HTML Textarea form用法及代码示例
- CSS word-wrap用法及代码示例
- CSS flex-wrap用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Textarea wrap Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。