是否可以创建输入的子元素？

-1

似乎无法将画布设置为输入元素的子项。 DOM操作正确，但画布不显示。这甚至是可能的还是有解决方法？是否可以创建输入的子元素？

2017-07-09 R3turnz

您认为您需要将canvas元素作为输入元素的子元素用于什么目的？ –

我想绘制输入的标识。 – R3turnz

这是不可能的。实际上，因为input是一个空白元素，所以它不能有任何孩子。你可以阅读更多关于空洞元素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

我想绘制输入的标识。 – R3turnz

你的意思是像输入栏中的图标？ @ R3turnz –

是的！ – R3turnz

这是什么帆布的目的是什么？您不需要将其放入输入标记中，以使画布交互，如here

来源

2017-07-09 13:40:50 pkolawa

我想绘制输入的标识。 – R3turnz

是否可以创建输入的子元素？

回答

相关问题