js如何实现点击标签文字，文字在文本框出现_javascript技巧

程序员文章站 2022-04-18 07:58:08

...

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

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

市级,

省级,

效果图：

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

JS特效
C++
SQL
脚本之家

效果图：

js如何实现点击标签文字，文字在文本框出现_javascript技巧

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

效果图：

js如何实现点击标签文字，文字在文本框出现_javascript技巧

点击文本框之后

js如何实现点击标签文字，文字在文本框出现_javascript技巧

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

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

JS/jQuery实现默认显示部分文字点击按钮显示全部内容_javascript技巧