【问题标题】:HTML custom input image tags?HTML 自定义输入图像标签?
【发布时间】:2017-11-22 09:36:41
【问题描述】:

Hand Diagram

大家好! 我正在用 Angular 制作一个小型 Web 应用程序。我想知道是否可以在图像上放置标签并在点击标签时允许用户输入?

例如。在上图中,我想在每个带圆圈的数字上放置标签。单击数字时.. 应弹出输入框并允许用户输入描述。

我该怎么做?

谢谢!

【问题讨论】:

  • 嘿伙计。对的,这是可能的。但是在每个圆圈上贴标签会有点棘手。您可以使用图像映射来实现它,请参阅此链接w3schools.com/tags/tag_map.asp您可以使用角度中的点击事件触发模态
  • 我认为您需要更具体地了解您的问题,例如您尝试过的 Angular 版本和任何代码 sn-ps 等。
  • 我正在查看标签映射,但是如何通过单击标签而不是加载新页面来触发输入字段?我正在使用 Angular2/4。我还没有尝试任何代码 sn-ps.. 我正在寻找一种开始或尝试的方法,因为我不知道从哪里开始
  • 在每个标签区域你可以发起点击事件并触发一个函数。在该函数中,您可以在模式中启动输入框。函数可以用打字稿写出来。

标签: html angular typescript web-applications


【解决方案1】:

我使用 Rakesh Rajan 的评论解决了这个问题。

使用了图片的映射引用,并添加了onclick函数来启动输入框。

谢谢!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 1970-01-01
    • 1970-01-01
    • 2013-05-03
    相关资源
    最近更新 更多