用HTML写一个用户管理页面

用户管理界面实现用户的查询、添加、编辑和删除功能。（1）默认打开的是查询界面。（2）添加、编辑和删除在查询界面中来实现跳转。查询界面要求整个界面分为上下两部分：查询条件区和数据展示区。查询条件：姓名、手机号、状态（下拉选择框，取值为全部、启用、禁用）。按钮，查询，类型button。按钮，重置,类型为button。按钮，添加，类型button。按钮，删除，类型button。数据区展示项：复选框、姓名、手机号、邮箱、地址、状态、创建日期(格式为yyyy-MM-dd HH:mm:ss,如2021-06-01 12:09:03)、操作（包括功能：编辑、删除）。要求必须列出至少5条数据。数据区最下面展示分页，包括首页、上页、下页、尾页。要求用表单实现，表单method="post"。功能要求查询按钮，校验输入的条件，必填项，并提示输入的值。重置按钮，重置条件中的值为默认值。添加按钮和编辑按钮。打开添加页面addOrEdit.html。行记录后面操作：删除按钮，confirm提示：确认删除此条记录？。查询下面的删除按钮，是批量删除功能，检查行记录checkbox选中情况，如果有就提示：是否确认删除？否则就提示：请选中记录再删除！。添加和编辑要求展示内容：填写项和按钮（保存、取消）。展示内容：姓名，必填项，长度2-15个字符，可以考虑只输入中文。手机号，必填项，手机号的规则验证。邮箱，必填项，按邮箱规则验证。地址，必填项，长度不超过60个字符。状态，必填项，下拉选择（请选择/启用/禁用），注意select取值。保存按钮，校验通过打开主界面，这里指user.html，否则直接提示错误的填写项。取消按钮，直接打开主界面，这里指user.html。技术要求利用html、css、javascript来实现，但不限于这三种技术。所有校验必须采用正则表达式。