html制作一个搜索框，代码是什么？_随笔

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

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

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

首先把搜索宽切片下来再CSS样式里面用为背景

<body>

</form>

</body>

CSS样式根据实际自己调整

.kuan input{ width:330pxheight:60pxbackground:background:url(../img/kuan_01.jpg) no-repeatborder:nonefloat:left}

.an input{ width:120pxheight:60px background:background:url(../img/an_02.jpg) no-repeatborder:none float:left}

</style>

欢迎分享，转载请注明来源：内存溢出

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