上篇文章我们一起学习了 Flowable 中的动态表单，动态表单说白了就是把变量打包定义，零存整取。但是小伙伴们可能很难实实在在 GET 到动态表单一些有创造性的功能，所以今天我们就来继续看看 Flowable 中的外置表单怎么玩，这个跟动态表单有一些本质上的差别。

今天给小伙伴们推荐一款强大的Vue可自由拖拽表单设计器组件。

vue-form-making 基于vue.js简单高效的表单设计器组件，star高达3.3K+。简单拖拽即可进行表单设计，可生成/导出json及代码，支持i18n国际化。

功能特性

• 可视化配置页面
• 基于vue2.0桌面端组件库Element-UI

大家好，我是TJ

关注TJ君比较久的读者应该知道，我是一名后端开发。对于前端知识是比较零碎的，所以很多时候写表单这样的工作，一般就是复制黏贴，然后改改字段。对于HTML格式，一直觉得比较杂乱，不够简洁。

表单

1 ： 表单标签

<form></form>

属性 ：

action = '接口地址'

method = 'get / post'

name = '表单名称'

一、表单：

网页仅有表单才能接收用户输入信息、并将信息提交到服务器进行处理。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

表单标签的作用

• <form>标签及其属性

<from></form>标签对用来创建一个表单，即定义表单的开始和结束位置，<form>标签具有下面等属性。

• action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。相对和绝对

• Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST.

HTML 表单用于搜集不同类型的用户输入。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证，今天将为大家带来HTML中的表单及其input输入类型。

一、HTML表单