1、打開Hbuilder編輯器，創建一個input框和button按鈕，將它們橫排擺放在一起：

2、首先給input框添加“#7FCC0B”顏色的邊框，設置寬度和高度即可，給button按鈕設置白色的字體和“#7FCC0B”的背景顏色即可完成：

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