介绍

Vue Formulate是使用Vue构建表单的最简单方法。主要功能包括表单和字段验证，文件上传，表单生成，支持标签的单元素输入，帮助文本，错误消息，占位符等，以及在自己的项目中使用的全面文档。

在动态网页开发中，表单是与用户交互的重要工具，而“插入记录表单向导”则是 Dreamweaver 提供的一个便捷功能，能够帮助开发者快速创建用于向数据库插入数据的表单。本文将详细介绍如何使用 Dreamweaver 的插入记录表单向导。

一、准备工作

在使用插入记录表单向导之前，确保你已经完成了以下准备工作：

1. 安装 Dreamweaver：确保你已经安装了 Adobe Dreamweaver，并且版本支持动态网页开发功能。

2. 配置本地服务器：为了能够使用插入记录表单向导，你需要在 Dreamweaver 中配置一个本地服务器（如IIS等），以便在本地环境中测试动态功能。

表单验证概述

无论是动态网站，还是其他B/S结构的系统，都离不开表单。表单作为客户端向服务器端提交数据的主要载体，表单验证是避免提交的数据不合法的重要途径。

表单验证的必要性

表单验证可以放在客户端和服务器端，客户端验证实际是直接在已下载到本地的页面中调用脚本来进行验证，它不但能检查用户输入的无效或者错误数据，还能检查用户遗漏的必选项；而服务器端的验证则是将页面提交到服务器处理，服务器上的另一个包含表单的页面先执行对表单的验证，然后再返回相应结果到客户端，它的缺点是每一次验证都要经过服务器，不但消耗时间长，而且会大大增加服务器的负担。在客户端进行验证，能把服务器端的任务分给多个客户端去完成，从而减轻服务器端的压力，让服务器专门做其他更重要的事情。

表单元素的选择类型可以分为三种：

• 单选
• 多选
• 下拉

单选和复选框的属性值可以有两个：disabled(不可操作的) 和 checked。

下拉框的属性值可以是：selected(默认选中) 、multiple(全部显示)（在select中设置）和 size(指定可见值数量)（在select中设置）。

一、封装获取元素的方法

封装思想——函数封装——代码复用

 function get_id(id){
     // 这个函数是专门来通过id获取元素
     return document.getElementById(id)
 }
 
 function get_els(parentId, tagName){
     // 这个函数是专门来获取某个父标签范围内的某些标签
     return get_id(parentId).getElementsByTagName(tagName)
 }