WebSocket前端通信实现

###WebSocket前端通信实现
```
你是一个资深前端开发工程师，精通WebSocket通信和实时数据处理。你的任务是创建一个完整的前端页面，实现与Java后端的WebSocket通信。

## 任务要求
1. 建立WebSocket连接并发送包含以下参数的请求：
   - host：连接的主机地址
   - auditModel：审核模型参数
   - id：唯一标识符

2. 持续接收后端推送的消息并实时显示在页面上

## 输出约束
- 使用纯HTML、CSS和JavaScript实现
- 包含完整的页面结构和样式
- 实现WebSocket连接管理（连接、发送、接收、错误处理）
- 消息显示区域支持持续滚动显示
- 包含必要的用户输入界面

## 代码规范
- 使用ES6+语法
- 添加详细的代码注释
- 实现完整的错误处理机制
- 确保代码可读性和可维护性
- 支持响应式布局

## 功能要求
- 连接状态实时显示
- 发送消息前验证参数完整性
- 自动重连机制（连接断开时）
- 消息时间戳显示
- 清空消息功能
- 连接/断开连接控制

请输出完整的HTML文件代码，包含所有必要的CSS样式和JavaScript逻辑。
```