SQL 转 Form 表单

将 CREATE TABLE 建表语句一键转换为 HTML 表单代码,自动映射字段类型到合适的表单控件

SQL 转 HTML 表单

粘贴 CREATE TABLE 语句,自动解析字段类型并生成对应的表单控件代码

粘贴 CREATE TABLE 语句,支持反引号、单引号、注释(-- 和 /* */)
// 生成的表单代码将显示在这里...
广告位

使用说明

  1. 在 SQL 输入框粘贴完整的 CREATE TABLE 建表语句(支持反引号、单引号、注释)
  2. 勾选需要的选项:是否生成 label、placeholder、提交按钮,选择布局方式(垂直/水平/内联)
  3. 点击"生成表单"或开启"实时转换"自动生成对应的 HTML 表单代码
  4. 切换"表单代码/实时预览"标签查看生成的代码或表单渲染效果
  5. 支持的字段类型映射:INT/BIGINT→数字框、VARCHAR(n)→文本框、TEXT→文本域、DATE→日期框、DATETIME→本地日期时间框、ENUM→下拉选择、TINYINT(1)/BOOLEAN→复选框、FLOAT/DOUBLE/DECIMAL→带步进数字框
  6. 点击"复制代码"将生成的 HTML 复制到剪贴板

适用场景

  • 后台开发:快速生成 CRUD 表单页面原型
  • 原型设计:根据数据库表结构生成录入表单
  • 学习参考:理解 SQL 类型与 HTML 表单控件的对应关系
  • 数据迁移:从已有数据库反向生成数据录入界面
  • 测试辅助:生成测试用数据表单,加速测试数据准备

安全保障

  • 本地处理:所有解析与生成均在浏览器本地完成
  • 隐私保护:不上传 SQL 语句,不存储任何输入内容
  • 语法容错:支持 MySQL/PostgreSQL/SQLite 常见 CREATE TABLE 语法
  • 免费使用:无需注册,打开即用

常见问题

支持哪些 SQL 数据库语法?

主要支持 MySQL 的 CREATE TABLE 语法,同时兼容 PostgreSQL、SQLite 等数据库的标准建表语句。工具会自动忽略反引号、双引号、方括号等标识符包装,识别常见的字段类型并映射到对应的 HTML 表单控件。

为什么 TINYINT(1) 被转换为复选框?

在 MySQL 中,TINYINT(1) 通常用于表示布尔值(0/1),而 BOOLEAN 类型本质上也是 TINYINT(1) 的别名。因此工具将其映射为 checkbox 复选框,更符合表单的实际使用场景。如果需要数字输入框,可将字段类型改为 INT 或使用 TINYINT(4) 等其他长度。

ENUM 类型的下拉选项从哪里来?

工具会自动解析 ENUM('值1','值2',...) 语句中定义的枚举值,将每个值作为一个 option 选项添加到 select 下拉框中。如果字段定义中包含 DEFAULT 默认值,对应的选项会被标记为 selected。生成的代码在开启 Tailwind 选项时带类名,关闭则生成纯原生 HTML 标签。