HTMLカスタム入力イメージタグ？

こんにちは！私は小さなWebアプリケーションを作成しています。私は、画像にタグを置くことができ、タグがクリックされたときにユーザ入力を可能にすることができるかどうかを知りたいですか？

例：上の画像では、丸で囲んだ数字にタグを付けたいと思います。数字をクリックすると、入力ボックスがポップアップし、ユーザーが説明を入力できるようになります。

これはどうやって行うのですか？

ありがとうございます！

2017-11-22 Rayzor536

こんにちは。はい、可能です。しかし、各サークルにタグを付けるのはややこしいでしょう。あなたは画像マッピングを使用してそれを達成することができますこのリンクを参照してくださいhttp://www.w3schools.com/tags/tag_map.asp角度のクリックイベントを使用してモーダルを起動することができます –

私はあなたの質問に具体的にする必要があると思うあなたが試した角度とコードスニペットのバージョン –

私はタグマッピングを見ていましたが、新しいページを読み込むのではなく、タグをクリックする入力フィールドをどのようにトリガーしますか？私はAngular2/4を使用しています。私はまだコードスニペットを試していません。どこから始めるべきかわからないので、開始する方法や試す方法を探しています – Rayzor536

-1

私はRakesh Rajanのコメントを使ってこれを解決しました。

画像のマッピング参照が使用され、入力ボックスを開始するonclick関数が追加されました。

ありがとうございます！

出典

2017-11-22 21:18:35 Rayzor536

HTMLカスタム入力イメージタグ？

答えて

関連する問題