移动端登录页面合理布局方案？

Question

如图所示，圈中部分和input框该如何合理布局？目前的想法是：
1、input+背景图标+button按钮定位；（样式较少，缺点:用到了定位）
2、div内套着img+input+button按钮；（容易实现，样式较多）
3、div+flex（兼容性不太好，需要加各种前缀）
目前js采用jq来写，其他ui插件目前不考虑，希望大佬们给分析分析，该怎么合理布局？或者有更好的方案？