Saber 酱的抱枕

创建表单一直是令我头疼的问题。对于复杂些的表单，使用可视化工具来制作明显更有效率。

JotForm就是一个在线创建表单的网站，使用拖拽操作，所见即所得。我们只需要免费创建一个账号，就可以使用JotForm来创建表单了。

JotForm不使用table标签做的布局，而是使用更加简洁的div、ul、li等标签，还会自动加上label。

设计界面如下：

同时每个控件都可以点击右上角的齿轮图标进入进阶设置：

进阶设置是很有用的，我们可以在进阶设置里设置输入框长度、预设文字、添加辅助说明、设置复选框列数等。

虽然在线设计的表单在布局上可能难以完美实现我们的需求，不过它帮我们完成了最繁琐的部分，我们接下来可以再按照自己的需求调整它，工作量仍然小了许多。

做好之后，我们需要把表单保存下来。JotForm提供三种发布方式：显示该表单的网页、使用JavaScript输出这个表单、发布到其他平台。由于JotForm没给我们源码，所以我们可以打开第一种方式显示的超链接，它会打开一个网页，内容就是这个表单。我们可以拷贝这个网页的源代码到我们自己的项目里。

如果打不开在线查看的这个页面，可能需要翻墙。

JotForm在网页head标签里引入了几个外部js、css，用的是它自己的cdn，我们最好将这些文件保存到自己的项目里，并从项目中引入。

下面是我用JotForm做的表单：

使用JotForm在线创建表单