Question

我正在尝试制作一个清单程序，为此我需要一个输入来将其收到的值记录到textarea，该部分工作正常，它只是当值为记录到文本区域，它被放置在框的中间，文字离开标记区域，不会破坏到下一行。我尝试过这样的事情:(自动换行：break-word），并设置最大宽度，但没有任何效果。谢谢你的帮助

function transfer(){
var move = document.getElementById('chg').value;
document.getElementById('into').value = move;

}

<!DOCTYPE html>
<html>
<head>
    <script src="comp.js"> </script>
    <style>
    #into{ height: 200px; width: 100px; position: absolute margin-top: 100px; word-wrap: break-word}
    #clicker{ margin-left: -1px; margin-top: 22px; position: absolute}
    #chg{position: absolute}
    </style>
</head>
<body>
    <form>
        <input type="text" id="chg" placeholder="Add events and reminders"/>
        <input type="textarea" id="into"/>
        <input type="button" onclick="transfer()" value="Add" id="clicker"/>
    </form>
</body>
</html>

Answer 1

尝试将padding-right:添加到textarea

#into{ padding-right: 30px; height: 200px; width: 100px; position: absolute margin-top: 100px;}

我的textarea没有正确记录输出

1 个答案: