html – 如何在文本框聚焦时显示任何div？

概述当input.searchtext聚焦时,如何显示div.show？ <div class="select-form-holder"> <input class="searchtext" type="text" value="Find Friends, Movies, T.V shows Games" /> <div class="show-on-focus">xyz</div> 当input.searchtext聚焦时,如何显示div.show？

<div >   <input  type="text" value="Find FrIEnds,MovIEs,T.V shows Games" />   <div >xyz</div>   <input type="submit"  title="Search" /></div>

解决方法

.searchtext:not(:focus) + .show-on-focus {    display: none;}

它写道：“如果searchtext不是：聚焦,那么如果它是焦点显示则获得下一个兄弟”.

总结

以上是内存溢出为你收集整理的html – 如何在文本框聚焦时显示任何div？全部内容，希望文章能够帮你解决html – 如何在文本框聚焦时显示任何div？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。