1. js表单设计器

Angular 的表单属性 $valid, $invalid, $pristine, $dirtyAngular 提供了有关表单的属性来帮助我们验证表单. 他们给我们提供了各种有关一个表单及其输入的信息，并且应用到了表单和输入.属性类 描述 $valid ng-valid Boolean 告诉我们这一项当前基于你设定的规则是否验证通过 $invalid ng-invalid Boolean 告诉我们这一项当前基于你设定的规则是否验证未通过 $pristine ng-pristine Boolean 如果表单或者输入框没有使用则为True $dirty ng-dirty Boolean 如果表单或者输入框有使用到则为True Angular 也提供了有关表单及其输入框的类，以便你能够依据每一个状态设置其样式.访问表单属性方位表单: <form name>.<angular property>访问一个输入框: <form name>.<input name>.<angular property>

2. html表单设计器

HTML常见的表单类型有：

1、带边框的表单

在数据周围绘制一个带标题的框，主要用到

<fieldset> </fieldset>标签和<legend> </legend>标签。

其中<fieldset> </fieldset>标签是用来形成表格。

<legend> </legend>标签是用来定义边框的标题。

2、带有输入框和确认按钮的表单

<input type="submit" value="提交"> 定义了提交按钮，其中value="提交"是用来确认提交按钮里面显示的内容。

3、可发送电子邮件的表单

在<input>标签中加入mail的元素。

3. 表单设计器的设计与实现

表单设计器是帮助你向数据库中的表输入数据，查询数据的一个友好界面！系统开发员会设计出许多表单，组合在一起，来实现用户对数据库的管理（输入，查询和显示都可以通过表单来实现）。

打开表单设计器的方法：可以通过菜单“文件/新建”选择“表单”选项就可以进去了，进去后在数据环境中放入表，在表单中放入各种“控件”，设计完的以后通过菜单“表单/执行表单”来运行你设计的表单，看看效果如何！！

4. 表单设计器 vue

vue表单组件是指传统的表单提交框用vue框架进行组装成一套公用的模板组件

5. excel表单设计器

在微信中可以接收别人发来的表格，还可以在线编辑，那微信如何把excel变成在线编辑的，方法如下：

1.首先在微信进入腾讯文档小程序，点击底部的“+”，再点击“在线表格”。

2.然后在表格中点击转发的图标，勾选“所有人可编辑”，再分享到微信即可。

6. 前端表单设计器

一个 前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合，我们可以在设计中使用它们。前端开发框架有很多，其中有一些写得很棒。为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。

Bootstrap

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：

脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。

基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。

组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。

7. js制作表单

可以给表单设置一个表单id，然后js中根据表单id可以获取到表单中的值