一个简单的前端机试题,使用原生JavaScript或是JQuery又或是Vue,如果能快速搞定,用什么无所谓啦
效果图
还是有几点要求的
- 点击固定标签可以修改选中状态,选中方式为多选
- 自定义输入框可输入10个字以内的标签(限制中文)
- 点击确认会在标签后面新增一个自定义名称的标签,自定义标签数量超过5个之后,输入框和确认按钮置灰,不可点击
- 点击确认时,需要对当前自定义标签的名称进行去重,如果标签重复,需要在确认按钮后面用红色的文字提示“该标签已重复”
- 自定义的标签右上角会有个删除的按钮,点击删除按钮会删除该自定义标签