我想为我的html <textarea>设置一个默认值。我从材料中读到,要添加默认值,你必须做一些事情,如<textarea>这是默认文本</textarea>。我试过了,但没用。正确的做法是什么?
当前回答
你可以使用this.innerHTML。
<textarea name="message" rows =" 10" cols =" 100" onfocus="this。innerHTML= " ">在这里输入您的消息…textarea > < /
当文本区域被聚焦时,它基本上会使文本区域的innerHTML成为空字符串。
其他回答
同样,这对我来说也很有效:
<textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this.select()'>
<?php if (isset($_POST['encode'])) { echo htmlspecialchars($_POST['msg']);} ?>
</textarea>
在这种情况下,$_POST['encode']来自:
<input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode">
PHP代码被插入到和标记之间。
如果你想把数据库中的信息放到文本区域标签中进行编辑: 输入标记不显示占用数行的数据:行不工作,标记输入的是一行。
<!--input class="article-input" id="article-input" type="text" rows="5" value="{{article}}" /-->
textarea标签没有值,但与句柄一起工作很好
<textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea>
你可以使用this.innerHTML。
<textarea name="message" rows =" 10" cols =" 100" onfocus="this。innerHTML= " ">在这里输入您的消息…textarea > < /
当文本区域被聚焦时,它基本上会使文本区域的innerHTML成为空字符串。
请注意,如果你对文本区域做了更改,在它渲染后;您将得到更新的值,而不是初始化的值。
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(function () {
$('#btnShow').click(function () {
alert('text:' + $('#addressFieldName').text() + '\n value:' + $('#addressFieldName').val());
});
});
function updateAddress() {
$('#addressFieldName').val('District: Peshawar \n');
}
</script>
</head>
<body>
<?php
$address = "School: GCMHSS NO.1\nTehsil: ,\nDistrict: Haripur";
?>
<textarea id="addressFieldName" rows="4" cols="40" tabindex="5" ><?php echo $address; ?></textarea>
<?php echo '<script type="text/javascript">updateAddress();</script>'; ?>
<input type="button" id="btnShow" value='show' />
</body>
</html>
正如你所看到的,textarea的值将不同于关注textarea的开始和结束标记之间的文本。
你也可以添加"value"属性并设置如下:
<textarea value="your value"> </textarea>