TODO List—2018今日头条校招

题目描述

1. 设计一个TODO List，页面结构以下图所示，要求：

   1. 使用HTML与CSS完成界面开发

   2. 实现添加功能：输入框中可输入任意字符，按回车后将输入字符串添加到下方列表的最后，并清空输入框

   3. 实现删除功能：点击列表项后面的“X”号，能够删除该项

   4. 实现模糊匹配：在输入框中输入字符后，将当前输入字符串与已添加的列表项进行模糊匹配，将匹配到的结果显示在输入框下方。如匹配不到任何列表项，列表显示空

注：以上代码实现须要能在浏览器中正常显示与执行。