HTML搜索框请各位大佬解答

图片说明
这样的搜索框怎么做?

https://blog.csdn.net/gaokcl/article/details/76510226

现在前端有很多框架啊,都可以直接做。比如element-UI。
如果原生的话那就是要自己写样式代码了

方法一:左侧input ,右侧紧挨着一个div(包含搜索图标) 然后给div右侧两个角设置圆角。div { border-radius:0 5px 5px 0; } 左上--右上--右下--左下
方法二:div 嵌套 input ,还有搜索图标,然后给div右侧两个角设置圆角。

  1. 可以使用框架里面自带的
  2. 自己写左侧输入框,右侧div放搜索图标设置右侧上下的圆角,最后把2个使用css控制放在一起