输入框里，长尾词，如何巧妙呈现？

本文共计2156个文字，预计阅读时间需要9分钟。

目录

一、自适应输入框布局

二、输入框占位提示

三、标签的输入与删除

四、选择框架：原生还是自定义

五、最近项目中需要做一个标签输入框，非常实用，演示效果如下：主要交互需求是求

目录

• 一、自适应输入框布局
• 二、输入框占位提示
• 三、标签的输入与删除
• 四、选择框架还是原生

最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下：

主要交互要求是这样的：

• 点击输入框可以输入内容。
• 按回车可以生成标签。
• 按退格键可以删除标签。
• 点击标签上的关闭按钮可以删除标签。

习惯了各种 react 框架或者UI库，大家有多久没接触没有原生开发了呢?有时候页面比较简单，没必要引入一个完整的框架，原生实现就完全满足了，一起看看吧！

一、自适应输入框布局

不管什么组件，布局都是最重要的。