gpt4 book ai didi

javascript - 输入类似于 Squareup.com

转载 作者:行者123 更新时间:2023-11-28 13:42:42 25 4
gpt4 key购买 nike

我正在尝试实现类似于 Square's website 上的文本输入.本质上,具有 <label> 的输入在他们中。当您在其中单击时,文本会变浅,而当您开始输入时,它会消失。我之前找到了一个片段,但因为它是 position:absolute; ,它最终搞砸了我的设计。

最佳答案

这是一个 jsfiddle那解决了你的问题。我绝对定位 label 元素,然后相对定位 field 元素,这使它的堆叠顺序略高。将字段背景设置为透明,并添加一些 jQuery 来监听焦点事件。砰。

(编辑:哎呀,当你在字段中输入东西时我没有保持焦点效果)

关于javascript - 输入类似于 Squareup.com,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6948554/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com