html在文本框中显示内容,js如何实现点击标签文字，文字在文本框出现

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

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

市级,

省级,

国家级

var x=["市级","省级","国家级"];

var y=[];

function $(id){ return document.getElementById(id)};

for(var i=0,m=x.length;i

var s=y.join(",").indexOf(x[i]);if(s>=0){

for(var r in y){if(y[r]==x[i]){y.splice(r,1)}}}

else{y.push(x[i])}$("i").value=y.join(" ");}})(i)}

效果图：

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

JS特效

C++

SQL

脚本之家

spans=document.getElementsByTagName("span");

for(i=0;i

{if(spans[i].className=="label")

{ spans[i].οnclick=function()

{ document.getElementById('textbox').value=this.innerHTML;

}}}

效果图：

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

onBlur="if(!value){value=defaultValue;}"

value="请输入的关键词">

效果图：

点击文本框之后

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

html在文本框中显示内容,js如何实现点击标签文字，文字在文本框出现相关推荐

JavaScript去除文本框中重复内容 js去重复
//数据存在于list这个输入框中,然后直接调用此函数 function process() {var list = document.getElementById('list');arr = lis ...
html 获取文本框中的内容
获取文本框中的内容有以下两种方法: 假设为如下文本框: <input type="text" value="" id="text"&g ...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
html带提示的行号编辑框,文本框中显示行号[兼容IE/FF浏览器}
在文本框中显示行号,兼容浏览器ie.ff .b1{height:20px;border:1px solid #7f9db9;line-height:20px; padding:0} input.btn ...
html中文本信息导出表格中,了解如何使用表格在网站中显示内容
了解如何使用表格在网站中显示内容.此外,还可了解如何拆分和合并表格单元格以及如何导入和导出表格式数据. 表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具.表格由一行或多 ...
html5div输入内容,将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚:在input框中输入内容,会相应的显示在下面的div中的不同做法: #div{ width: 175px; height: 100px; margin: 20px 84px; border: ...
删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法
问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...
excel 查找图相框或文本框中的内容
在excel中经常遇到有用户使用图相框或者文本框来输入内容,使excel看上去更加美观,但是如果我们想查找的文字内容在文本框或者图相框中,那么正常的ctrl+F的查找功能就不能正常索搜到这些文字. 需 ...
将word文档中所有文本框中的内容转换成普通段落
某些pdf转word工具生成的word文档,会将很多内容放在文本框中,以至于编辑word文档不太方便,例如想全选所有段落中的文字再调整某些格式,文本框中的文字有时候不能像普通段落中的文字一样产生同样的 ...

html在文本框中显示内容,js如何实现点击标签文字，文字在文本框出现

html在文本框中显示内容,js如何实现点击标签文字，文字在文本框出现相关推荐

最新文章

热门文章