如何为html <textarea>添加默认值?

几点注意事项和澄清:

placeholder='' inserts your text, but it is greyed out (in a tool-tip style format) and the moment the field is clicked, your text is replaced by an empty text field. value='' is not a <textarea> attribute, and only works for <input> tags, ie, <input type='text'>, etc. I don't know why the creators of HTML5 decided not to incorporate that, but that's the way it is for now. The best method for inserting text into <textarea> elements has been outlined correctly here as: <textarea> Desired text to be inserted into the field upon page load </textarea> When the user clicks the field, they can edit the text and it remains in the field (unlike placeholder=''). Note: If you insert text between the <textarea> and </textarea> tags, you cannot use placeholder='' as it will be overwritten by your inserted text.

2016-09-06 00:01:28

几点注意事项和澄清:

placeholder='' inserts your text, but it is greyed out (in a tool-tip style format) and the moment the field is clicked, your text is replaced by an empty text field. value='' is not a <textarea> attribute, and only works for <input> tags, ie, <input type='text'>, etc. I don't know why the creators of HTML5 decided not to incorporate that, but that's the way it is for now. The best method for inserting text into <textarea> elements has been outlined correctly here as: <textarea> Desired text to be inserted into the field upon page load </textarea> When the user clicks the field, they can edit the text and it remains in the field (unlike placeholder=''). Note: If you insert text between the <textarea> and </textarea> tags, you cannot use placeholder='' as it will be overwritten by your inserted text.

2016-09-06 00:01:28

如果你想把数据库中的信息放到文本区域标签中进行编辑: 输入标记不显示占用数行的数据:行不工作，标记输入的是一行。

<!--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>

2013-06-25 12:14:52

占位符不能为文本区域设置默认值。你可以使用

<textarea rows="10" cols="55" name="description"> /*Enter default value here to display content</textarea>

如果您将它用于数据库连接，则它是标记。如果使用php以外的其他语言，则可以使用不同的语法。对于php:

例如:

<textarea rows="10" cols="55" name="description" required><?php echo $description; ?></textarea>

Required命令最大限度地减少了使用php检查空字段所需的工作。

2015-06-17 19:01:56

请注意，如果你对文本区域做了更改，在它渲染后;您将得到更新的值，而不是初始化的值。

<!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的开始和结束标记之间的文本。

2018-06-14 06:22:08

你也可以添加"value"属性并设置如下:


<textarea value="your value"> </textarea>

2019-06-11 01:46:09

如何为html <textarea>添加默认值?

推荐文章

最新文章

标签