Html 如何在输入标记的占位符中添加材质图标

Html 如何在输入标记的占位符中添加材质图标,html,input,placeholder,google-material-icons,Html,Input,Placeholder,Google Material Icons,我的输入标签如下所示 <input type="text" placeholder="search place../> 试试这个: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/solid.css"> <input type="text" placeholder="&#xf689; Search place..." style="pa

我的输入标签如下所示

 <input type="text" placeholder="search place../>
试试这个:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/solid.css">

<input
  type="text"
  placeholder="&#xf689; Search place..."
  style="padding: 5px; font-family: Arial, 'Font Awesome 5 Free';"
/>

希望它有帮助,只是玩一些填充和css,使它更好

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/solid.css">

<input
  type="text"
  placeholder="&#xf689; Search place..."
  style="padding: 5px; font-family: Arial, 'Font Awesome 5 Free';"
/>