css - Web サイトのユーザーがボックスに書き込みできるようにするにはどうすればよいですか?

Question

パスワードと電子メールを入力できるログイン div を作成していますが、div に書き込みできるようにする方法がわかりません。誰か教えてくれませんか？

Answer 1

あなたはContentEditableを参照しています

http://html5demos.com/contenteditable

<div id="mydiv" contenteditable="true">
  Editable text here
</div>

これをパスワード フィールドに使用しないでください。それはばかげています。全体のポイントは<input type="password">、入力をマスクすることです。特別なonkeyupハンドラーを使用して文字をアスタリスクに置き換えてから、innerHTML を js オブジェクトにコピーするか、data-val 属性などに保存する必要があります。ここで車輪を再発明しないでください。

inputいずれにせよ、最近の div 要素のように見えるようにフィールドをスタイル設定できます。