使输入标签显示值和实际值（存储在value属性中）不同？

作者: Ni
发布时间: 2024-09-02 07:16:56 (1月前)
转自：

3 条回复

0#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 编辑：我可能这样做的方法是在提交之前附加一些javascript，如果需要促进属性状态，则输入事件监听器，如果你想要属性是自定义的，而不是'value'你需要一个事件“更改”的监听器将保持您的自定义属性更新。 </p> <P> 有点像： </p> <pre> <code> element.addEventListener('change', () => { element.setAttribute('myAttrName', element.value); }); </code> </pre> <P> 这里的要点是你不需要额外的元素，而是需要几行js。 </p> </DIV>

编辑
1#
回复此人
❀⚘粉༵红༵回༵忆༵⚘❀ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以在UI控件中有一个自定义属性假设你在谈论输入标签，那么它是这样的： </p> <pre> <code> <input type='text' id='txt' value='Display Value' data-custattr='Actual Value' /> </code> </pre> <P> 在读取值时，您可以获得实际值，如： </p> <pre> <code> document.getElementById('txt').getAttribute('data-custattr') </code> </pre> <P> 希望这可以帮助。 </p> </DIV>

编辑

登录后才能参与评论