2017-11-22 10 views
0

Hand DiagramHTML 맞춤 입력 이미지 태그?

안녕 얘들 아! 저는 작은 웹 응용 프로그램을 만들고 있습니다. 이미지에 태그를 배치하고 태그를 클릭 할 때 사용자 입력을 허용 할 수 있는지 알고 싶습니다.

예 : 위의 이미지에서 각 원으로 태그를 배치하고 싶습니다. 숫자를 클릭하면 .. 입력 상자가 나타나서 사용자가 설명을 입력 할 수있게됩니다.

어떻게해야합니까?

감사합니다.

+0

안녕하세요. 가능합니다. 그러나 각 원에 태그를 넣는 것은 약간 까다 롭습니다. 이미지 맵핑을 사용하면이 링크를 참조 할 수 있습니다. http://www.w3schools.com/tags/tag_map.asp 각도로 클릭 이벤트를 사용하여 모달을 트리거 할 수 있습니다. –

+0

질문에 대해 구체적으로 설명해야합니다. 버전 및 당신이 시도한 모든 코드 스 니펫 버전 –

+0

태그 매핑을보고 있었지만 입력 필드에서 새 페이지를로드하는 대신 태그를 클릭하면 어떻게 트리거됩니까? 저는 Angular2/4를 사용하고 있습니다. 아직 코드 스 니펫을 시도하지 않았습니다. 시작하는 방법이나 어디서부터 시작해야할지 모르기 때문에 시도 할 방법을 찾고 있습니다 – Rayzor536

답변

-1

나는 Rakesh Rajan의 의견을 사용하여이를 해결했습니다.

이미지의 매핑 참조를 사용하고 입력 상자를 시작하기 위해 onclick 함수를 추가했습니다.

감사합니다.