作成日:2017-12-19, 更新日:2018-02-15
たまたまなのか、ブラウザの問題なのか・・・「maxlength=100」でも微妙なんだが、「maxlength=500」はダメな感じ（chrome：2017/12/19時点）。
bootstrapが絡んでいるかもと思ったけど、CSS、jqueryの読み込みを無くした状態でも変わらなかった。
改行コードも1文字扱いされているのが原因かもしれないが・・・「maxlength=500」が日本語で900文字以上入ったりする（chrome。他のブラウザは未調査）
※jqueryでイベントを拾って、何かしらの処理が走っていると「maxlength=500」が有効になることもある。
▼「maxlength="10"」
▼「maxlength="100"」
▼「maxlength="500"」
▼「maxlength="500"」で、bootstrapの「class="form-control"」無し
※ちなみにDoCoMo端末のみmaxlengthは文字数じゃなくバイト数とか言われていたけど、今はどうなっているんだろう？ DoCoMo端末というよりメーカー次第なんだろうな。