Javascript 我的文本区域没有正确记录输出_Javascript_Html_Css

Javascript 我的文本区域没有正确记录输出

javascript html css

Javascript 我的文本区域没有正确记录输出,javascript,html,css,Javascript,Html,Css,我正在尝试制作一个清单程序，要做到这一点，我需要一个输入来把它的接收值记录到一个文本区，这个部分工作得很好，只是当这个值被记录到TexTaReA时，它就被放在框的中间，并且单词从标记区开始，不会中断到下一行。我尝试过以下方法：（单词换行：打断单词）和设置最大宽度，但没有任何效果。谢谢你的帮助 function transfer(){ var move = document.getElementById('chg').value; document.getElementById('into').v

我正在尝试制作一个清单程序，要做到这一点，我需要一个输入来把它的接收值记录到一个文本区，这个部分工作得很好，只是当这个值被记录到TexTaReA时，它就被放在框的中间，并且单词从标记区开始，不会中断到下一行。我尝试过以下方法：（单词换行：打断单词）和设置最大宽度，但没有任何效果。谢谢你的帮助

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

}


#进入{高度：200px；宽度：100px；位置：绝对边距顶部：100px；换行：断开单词}
#点击器{左侧边距：-1px；顶部边距：22px；位置：绝对}
#chg{位置：绝对}

尝试将

右侧填充：

添加到文本区域

#插入{右边填充：30px；高度：200px；宽度：100px；位置：绝对边距顶部：100px；}

最好在这里显示代码，或者制作一把小提琴，您如何设置它来换行？抱歉，由于某种原因，我无法共享代码，即使我缩进了四个空格

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