html - 有没有办法在不使用 Javascript 的情况下将 HTML 图像 url 更改为在输入字段中输入的文本？

Question

我目前正在开发在线桌面 RPG Angular 色表(将与 Roll20 虚拟桌面集成)，并希望添加对用户的支持，以使用 URL 显示其 Angular 色的自定义肖像。理想情况下，这将通过工作表本身的输入字段输入到图像的 src 属性中，该图像也在工作表上，然后使用给定的 URL 进行更新。

不幸的是，Roll20 的框架被严重沙盒化并且根本不允许 javascript，所以我只能使用 HTML 和 CSS。考虑到这个限制，有什么方法可以实现我正在寻找的用户体验吗？ (这种体验是，用户看到一个空的表单输入字段和一个空白的图像框。用户将 URL 粘贴到表单输入字段中，然后图像的 src 被设置为输入中给出的 URL，显示图像。)

Answer 1

在for输入的onchange事件中添加一些内联js，eg

<input type='text' onchange="document.getElmentById(myImageId).src=this.value;" />

是的，这是 javascript，但是除非您的框架足够聪明，可以将其删除，否则它应该可以运行。