Google+やFacebookのテキストボックスと同じ動作をするカスタムコントロールを作成したいと思います。子のhtml要素があるように見えるもの。
次の画像をご覧ください。
Google+やFacebookのテキストボックスと同じ動作をするカスタムコントロールを作成したいと思います。子のhtml要素があるように見えるもの。
次の画像をご覧ください。
cssを使用して要素を配置する必要があります。入力と必要な他の要素を要素内にラップし、その要素を設定してから、入力内に必要なposition:relative;
要素を定義し、そのposition:absolute
プロパティを0または目的に合った他の値に設定します。top
left
例: http: //jsfiddle.net/niklasvh/eZAU6/
コミュニティへの別の回答:Google Chromeの「要素の検査」機能を使用してこのような「テキスト入力」を検査すると、実際には入力要素ではないことがわかります。これは、同じ要素を持つ子(およびフチなし)の入力要素を持つDIV要素です。 bgカラー。div要素がフォーカスを取得すると、それを内側の(そしてフチなしの)入力に転送して、何かを書くことができるようにします。要素を選択すると、新しいエントリが作成され、内部入力要素の前にdivに挿入されます。