2016-04-20 14 views
-1

チェックリストプログラムを作成しようとしていますが、これを行うには入力値をテキストエリアに記録する必要があり、その部分は正常に動作します。テキストエリアに記録されると、ボックスの真ん中に配置され、単語はマークされたゾーンから外れて次の行に壊れません。私は次のようなことを試しました。(ワードラップ:ブレークワード)、最大幅を設定しますが、何も動作しません。おかげで助けを私のテキストエリアに出力が正しく記録されていません

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> 
+4

テキストエリアにあなたのコードはここに示し、またはフィドルを行い、 – mmativ

+0

はどのように設定している場合は、より良いpadding-right:を追加しようそれはラインをラップするのですか? – sebenalern

答えて

0

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

+0

申し訳ありませんが、4つのスペースでインデントしても何らかの理由で私のコードを共有できません –

関連する問題