textarea value 到底该怎么赋值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了textarea value 到底该怎么赋值相关的知识,希望对你有一定的参考价值。

赋值时用innerText、innerhtml、value。

textarea标签是成对出现的,以<textarea>开 始,以</textarea>结束

属性:

Common -- 一般属性

cols -- 多行输入域的列数

rows -- 多行输入域的行数

alt -- 代表表单的提示文字,当鼠标停留时

accesskey -- 表单的快捷键访问方式

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用

readonly -- 输入域可以选择,但是无法修改

tabindex -- 输入域,使用"tab"键的遍历顺序

引用网址:http://www.dreamdu.com/xhtml/tag_textarea/

    没见value属性,但实际还可用,赋值时用innerText、innerHTML、value都可以,如下:

    <html>
    <head></head>

    <script type="text/javascript">
    function changeTextArea()

    document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\\ninnerText is ok!";

    document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\\ninnerHTML is ok!";

    document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\\nvalue is ok!";

    </script>

    <body>

    <textarea name= "myTextArea" cols= "80 " rows= "10 ">原始值</textarea>

    <input type="button" value="按钮" onclick="changeTextArea()"/>
    </body>
    </html>

参考资料

JS给HTML标签.新浪博客[引用时间2018-1-21]

参考技术A textarea标签是成对出现的,以<textarea>开 始,以</textarea>结束
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
alt -- 代表表单的提示文字,当鼠标停留时
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
引用网址:http://www.dreamdu.com/xhtml/tag_textarea/
没见value属性,但实际还可用,赋值时用innerText、innerHTML、value都可以,如下:
<html>
<head></head>
<script type="text/javascript">
function changeTextArea()

document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!";
document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!";
document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!";

</script>
<body>
<textarea name= "myTextArea" cols= "80 " rows= "10 ">原始值</textarea>
<input type="button" value="按钮" onclick="changeTextArea()"/>
</body>
</html>本回答被提问者采纳

关于textarea标签设置value的问题

       今天做一个项目的时候,要在一个编辑的jsp页面的textarea标签设置value属性,结果发现他没有value属性,但是是编辑页面又必须要回显要修改的内容,所以在参考了w3cschool之后很轻松的解决了这个问题。

 

<s:property value="courseDescription"/>该标签的作用是显示需要编辑的内容,而textarea标签是没有value属性用来显示的,
经过查询网w3cschool可以直接写在<textarea></
textarea>标签之间

 

以下是代码(红色代码是解决问题的关键):


<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="${pageContext.request.contextPath}/css/sys.css" type="text/css" rel="stylesheet" />
</head>

<body class="emp_body">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="topg"></td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" class="wukuang"width="100%">
<tr>
<td width="1%"><img src="${pageContext.request.contextPath}/images/tleft.gif"/></td>
<td width="44%" align="left">[编辑课程]</td>

<td width="52%"align="right">
<a href="javascript:void(0)" onclick="javascript:document.forms[0].submit();"><img src="${pageContext.request.contextPath}/images/button/save.gif" /></a>
<a href="javascript:void(0)" onclick="window.history.go(-1)"><img src="${pageContext.request.contextPath}/images/button/tuihui.gif" /></a>
  </td>
<td width="3%" align="right"><img src="${pageContext.request.contextPath}/images/tright.gif"/></td>
</tr>
</table>
<form action="${pageContext.request.contextPath}/course/courseAction_addCourse" method="post">
<table width="88%" border="0" class="emp_table" style="width:80%;">
<tr>
<td width="10%">课程类别:</td>
<td width="20%"><input type="text" name="courseName" value="<s:property value="courseName"/>"/>
<s:if test="courseId!=null">
<input type="hidden" name="courseId" value="${courseId}"/>
</s:if>
</td>
<td width="8%">总学时:</td>
<td width="62%"><input type="text" name="hours" value="<s:property value="hours"/>" /></td>
</tr>
<tr>
<td>课程费用:</td>
<td><input type="text" name="price" value="<s:property value="price"/>"/></td>
<td></td>
<td></td>
</tr>
<tr>
<td>课程简介:</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="4"><textarea name="courseDescription" cols="60" rows="10" id="course"><s:property value="courseDescription"/></textarea>
</td>
</tr>
     <tr>
<td colspan="4"><textarea name="courseDescription" cols="60" rows="10" id="course"><s:property value="courseDescription"/></textarea>
      
</tr>
</table>
</form>
</body>
</html>
 

 
 

以上是关于textarea value 到底该怎么赋值的主要内容,如果未能解决你的问题,请参考以下文章

react使用textarea给value赋值后获取到的是旧

textarea 自动滚动到底部

vue.js怎么给textarea赋值

flask jinja2怎么给textarea 赋值

flask jinja2怎么给textarea 赋值

(HTML代码)请问textarea,可以使用使用Value显示内容的属性吗?