js如何实现点击标签文字,文字在文本框出现

2022-01-12,,,,

这篇文章主要介绍了js如何实现点击标签文字,文字在文本框出现,感兴趣的小伙伴们可以参考下

js实现点击标签文字,文字出现在文本框里,下面2种方法实现的功能略有不同,总体来说方法一功能更强大。

第一种方法:随意点击任何标签都会出现在文本框中,如何第二次点击标签,对应的文字就会在文本框中消失。

 .c{ width:40px; height:25px; line-height:25px; text-align:left; margin:2px; float:left; font-size:12px; cursor:pointer }市级,省级,国家级 

效果图:

第二种方法:当点击“本站”标签的时候,此标签就出现在了文本框里,再点击SQL标签后,“SQL”标签就会替换掉“本站”标签出现在文本框中。

 .label {cursor:pointer}JS特效C++SQL本站

效果图:

这里再为大家分享另一个Javascript的小技巧-----JS实现点击文本框清除表单内部默认文字,有时大家在填写表单内容时,表单里会出现一些默认提示文字,我们又不想一个个删除,有什么办法可以实现快速清除?下面就是我为大家准备的小代码:

  

效果图:

点击文本框之后

以上就是本文的全部内容,希望对大家的学习有所帮助。

以上就是js如何实现点击标签文字,文字在文本框出现的详细内容,更多请关注本站其它相关文章!

《js如何实现点击标签文字,文字在文本框出现.doc》

下载本文的Word格式文档,以方便收藏与打印。