以角度更改焦点上的输入类型

Posted 2023-03-05

【中文标题】以角度更改焦点上的输入类型

【英文标题】：Change the input type on focus in angular

【发布时间】：2019-07-02 10:08:42

【问题描述】：

<input type = "text" (focus)="this.type='date'">

当用户关注输入框时改变输入类型，默认类型为文本。

例如，这适用于纯 javascript，类型保持为文本，直到用户将光标移动到输入字段内

<input type = "text" onFocus="this.type='date'"> 

【问题讨论】：

你能详细解释一下吗？

但是为什么你只想改变焦点的类型呢？我猜没有任何意义

因为我想显示占位符出生日期并且它不显示类型是否为日期，所以最初我希望该字段为文本，它显示占位符***.com/questions/20321202/…

@yerakaso 在下面查看我的答案。

【参考方案1】：

您使用了错误的 focus 事件语法，请尝试以 Angular 方式使用它，如下所述 -

<input placeholder="Select Date" type = "text" #inp (focus)="inp.type='date'"> 

Working Example