尽管<input type="text" />和<textarea />是不同元素，但它们均支持同样的特性来获取包含在文本框内的文本。考虑以下例子：
复制代码 代码如下:
<html>
<head>
<title>Retrieying a Textbox Value Example</title>
<script type="text/javascript">
function getValues(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
alert("The value of txt1 is ""+oTextbox1.value+""n"+
"The value of txt2 is"" +oTextbox2.value+""");
}
</script>
</head>
<body>
<input type="text" size="12" /><br/>
<textarea rows="5" cols="25"></textarea><br />
<input type="button" value="Get Values"/>
</body>
</html>
复制代码 代码如下:
<html>
<head>
<title>Retrieving a Textbox Length Example</title>
<script type="text/javascript">
function getLengths(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
alert ("The length of txt1 is "+oTextbox1.value.length+"n"
+"The length of txt2 is" +oTextbox2.value.length);
}
</script>
</head>
<body>
<input type="text" size="12"/><br />
<textarea rows="5" cols="25"></textarea><br />
<input type="button" value="Get Lengths "onclick="getLengths()" />
</body>
</html>
这个value特性也可用于给文本框设置新内容：
复制代码 代码如下:
<html>
<head>
<title>Changing a Textbox Value Example</title>
<script type="text/javascript">
function setValues(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
oTextbox1.value="fitst textbox";
oTextbox2.value="second textbox";
}
</script>
</head>
<body>
<input type="text" size="12" /><br />
<textarea rows="5" cols="25"></textarea><br />
<input type="button " value="Set Values" />
</body>
</html>
新闻热点
疑难解答
图片精选
