“商品管理”案例主要对商品进行展示，包括商品名称、价格、标签等信息。在本案例中可以添加商品标签信息，也可以删除某条商品信息。

1. 初始页面效果

当用户单击“删除”按钮时，可以删除当前的商品。当单击“+Tag”按钮时， “+Tag”按钮会切换成输入框，用于添加标签，并且输入框会自动获取焦点。

2. 单击第1件商品的“+Tag”按钮后的页面效果

3. 添加标签后的页面效果

在输入框中填写“轻便”，填写后单击输入框外部区域使输入框失去焦点，即可完成标签的添加。添加标签后的页面效果如下图所示。