テキストプレースホルダーは、リストアイテムのリストです。
何か案は?
関連する要素にcontentEditable
属性を追加するだけです。li
<li contentEditable>placeholder text</li>
ただし、これは必ずしも優れたソリューションではありません。これは、クロスブラウザーのサポートcontentEditable
と、意図が指定されていないためです(ユーザーの娯楽のために編集可能であるか、変更されたテキストをデータベースまたはある種のスクリプトでクライアント側の値を使用しますか?)
たぶん、.keypress()イベントをLIアイテムに添付して、キーに基づいて切り替えることができますか?
編集: 誰かが興味を持っているなら、それをページの本文に添付すると、ファンキーなkeypress()メソッドが機能するようです。jsfiddlehttp : //jsfiddle.net/reygonzales/36RX3/9/を参照してください
次のようにcontenteditable="true"の属性を配置します。
<li contenteditable="true">text to edit</li>
私はkitgui.comを最初から作成しましたが、この手法を使用しています。そこにあるUIのテクニックを見て、優れたインラインアプローチのアイデアを得ることができます。
あなたはまた、人々が物事を救う方法を持っている必要があります。それはまったく別の答えです