大家好，html文本框输入文字相信很多的网友都不是很明白，包括怎么添加文本框也是一样，不过没有关系，接下来就来为大家分享关于html文本框输入文字和怎么添加文本框的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

一、html制作一个搜索框，代码是什么

1、打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起：

2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：

3、按crtl+s，在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示：

二、如何去掉文本框的外边框

1.进入到word中，这里任意绘制一个文本框，可以发现，为了突出显示，有一个黑色的边框。

2.左键点击这个边框一下，然后右键点击，选择“设置文本框格式”。

3.进入文本框格式设置中，点击上边菜单栏的“颜色与线条”，进入到文本框颜色设置中。

4.如果不需要填充颜色，在“填充”栏目下的颜色中选择为“无”。不需要边框有颜色，在“线条”栏目下，点击选择“无颜色”。

5.选择完毕，点击下方的“确认”确认改变。

6.这时候返回到文本编辑界面，可以发现，文本框的外边框就没有了。

文本框得到焦点去边框.html文件代码清单如下： inputOnblur.js文件代码清单如下：varinputO=document.getElementById("input1");inputO.onblur=function(){inputO.style.border=0;}

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！

——————————————小炎智能写作工具可以帮您快速高效的创作原创优质内容，提高网站收录量和各大自媒体原创并获得推荐量，点击右上角即可注册使用