Js实现点击标签文本，文本出现在文本框中。以下两种方法的功能略有不同。一般来说，第一种方法更强大。

第一种方法：随意点击任意标签，它就会出现在文本框中。第二次单击标签，相应的文本将在文本框中消失。

style . c { width :40 px；height:25px线高：25 px；text-align : left；margin:2pxfloat:leftfont-size :12 px；Cursor:指针}/style input id=' I ' type=' text ' div class=' c ' id=' c0 '城市级别，/divdiv class='c' id='c1 '省级，/divdiv class='c' id='c2 '国家scriptvar x=['城市级别。var y=[]；函数$(id){ return document . getelementbyid(id)}；for(var i=0，m=x.lengthim；i ){$('c' i)。onclick=(function(I){ return function(){ var s=y . join('，')。indexOf(x[I])；if(s=0){ for(y中的var r){ if(y[r]==x[I]){ y . splice(r，1)} } else { y . push(x[I])} $(' I ')。value=y . join(“”)；} })(I)}/脚本渲染：

第二种方法：当你点击“我们”标签时，它会出现在文本框中，然后点击SQL标签，“SQL”标签会代替“我们”标签出现在文本框中。

风格。label { cursor : pointer }/style input type=' text ' id=' textbox ' size=' 30 ' name=' chaxinmd '/Span class=' label ' js特效/Span Span class=' label ' c/Span Span class=' label ' SQL/Span Span class=' label ' we/Span script type=' text/JavaScript ' Span=document . getelementsbyname(' Span ')；for(I=0；ispans.lengthI){ if(spangs[I]。标签'){ spans[i]。onclick=function(){ document . getelementbyid(' textbox ')。value=this.innerHTML} } }/脚本渲染：

在这里，我将分享另一个Javascript技巧——通过点击文本框来清除表单中的默认文本。有时在填写表单时，表单中会出现一些默认的提示文本，我们不想一一删除。有什么方法可以快速清除它们？下面是我为大家准备的小代码：

form action=' method=' get ' name=' so _ box ' id=' so _ box ' input name=' so _ name ' type=' text ' id=' so _ name ' onFocus=' if(value==default value){ value=' '；}“OnBlur=”if(！value){ value=DefaultValue；}'value='请输入关键字'输入类型=' submit ' name=' submit ' onfocus=' if(so _ box . so _ name . value==so _ box . so _ name . default value){ so _ box . so _ name . value=} '表单呈现：

点击文本框后

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