回答編集履歴

2 追記

s8_chu

s8_chu score 14276

2017/06/03 21:11  投稿

HTML4では`wrap属性`と`placeholder属性`は**定義されていません**。HTML5を使いましょう。
動作しない原因は、idをつけていないことです。また、HTML4では`wrap属性`と`placeholder属性`は**定義されていません**。HTML5を使いましょう。
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
</head>
<body>
<textarea rows="3" cols="30" wrap="hard"
         style="width:300px;height:100px;border-style:none;font-size:x-large;text-align: center;"
         placeholder="Input your message!" id="TEXT">
         placeholder="Input your message!"
         onchange="Limit(event)" onkeyup="Limit(event)" id="TEXT">
</textarea>
<script>
   function lineCheck(e) {
       var ta = document.getElementById("TEXT");
       var row = ta.getAttribute("rows");
       var r = (ta.value.split("\n")).length;
       if (document.all) {
           if (r >= row && window.event.keyCode === 13) { //keyCode for IE
               return false; //入力キーを無視
           }
       } else {
           if (r >= row && e.which === 13) { //which for NN
               return false;
           }
       }
   }
   window.document.onkeypress = lineCheck;
</script>
</body>
</html>
```
1 修正。なぜか勝手に投稿された。

s8_chu

s8_chu score 14276

2017/06/03 21:10  投稿

HTML4では`wrap属性`と`placeholder属性`は**定義されていません**。HTML5を使いましょう。
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
</head>
<body>
<textarea rows="3" cols="30" wrap="hard"
         style="width:300px;height:100px;border-style:none;font-size:x-large;text-align: center;"
         placeholder="Input your message!" id="TEXT">
</textarea>
<script>
   function lineCheck(e) {
       var ta = document.getElementById("TEXT");
       var row = ta.getAttribute("rows");
       var r = (ta.value.split("\n")).length;
       if (document.all) {
           if (r >= row && window.event.keyCode === 13) { //keyCode for IE
               return false; //入力キーを無視
           }
       } else {
           if (r >= row && e.which === 13) { //which for NN
               return false;
           }
       }
   }
   window.document.onkeypress = lineCheck;
</script>
</body>
</html>
</html>
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る