入力の子要素を作成することは可能ですか？

-1

入力要素の子としてキャンバスを設定できないようです。 DOMは正しく操作されますが、キャンバスは表示されません。これも可能ですか、それとも回避策がありますか？入力の子要素を作成することは可能ですか？

2017-07-09 R3turnz

入力エレメントの子としてキャンバスエレメントがどのような目的で必要と思われますか？ –

入力のidenticonを描画します。 – R3turnz

これはできません。実際には、inputは空白要素なので、のいずれかの子を持つことはできません。 void-elements hereの詳細を読むことができます。 canvasであなたが探している効果は正確にはわかりませんが、要素を重ねて透明な背景などで再生することで実現できます。

backgroundプロパティを持つ入力フィールド内にイメージを配置する方法の例を示します。

input{ 
 
    width: 130px; 
 
    height: 24px; 
 
    border: 1px solid gray; 
 
} 
 
input:focus{ 
 
    outline: none; 
 
} 
 
input#password_input{ 
 
    padding-left: 36px; 
 
    background: url('https://image.flaticon.com/icons/svg/149/149305.svg') no-repeat 0px 0px; 
 
}

<input type="password" id="password_input"/>

出典

2017-07-09 12:10:15

入力のidenticonを描画します。 – R3turnz

入力フィールド内のアイコンのような意味ですか？ @ R3turnz –

そうですね！ – R3turnz

このキャンバスの目的は何ですか？カンバスをインタラクティブにするために、これを入力タグに入れる必要はありませんhere

出典

2017-07-09 13:40:50 pkolawa

私は入力のidenticonを描きたいと思っています。 – R3turnz

入力の子要素を作成することは可能ですか？

答えて

関連する問題