html - 有没有办法显示输入文本的默认日期图标？

Question

我有一个带有 input 的表单type="text"，但它实际上是一个特定格式的日期字段。我需要在此表单的右上角显示日历图标。

<input class="form-control" value="01-12-2020" placeholder="Start date" type="text" name="started_at" id="started_at">

如果我将输入更改为type="date"，则会显示图标，但它也会更改输入的行为，它会显示在占位符 'mm/dd/yyyy' 中并破坏此输入的 js 功能。

有没有办法显示日历包的图标input=text？

标签： htmlinput

Answer 1

尝试使用<span>or<i>标记，例如：

<i class="fa fa-envelope icon"></i> 
<input class="input-field" type="text"> 

<input>在这里，您会在该字段中看到一个信封图标。