# 表单设计器高级操作 ## JS增强示例 ### 一、点击按钮获取输入框的值 如果想做到点击按钮的时候获取输入框的值,我们需要下面这几步: 1. 在页面中拖入一个输入框,并且将它的数据绑定Key改为`name` ![](https://img.kancloud.cn/e9/10/e91008e1e1beaafbefe03df200407a89_511x128.png) 2. 在页面中拖入一个按钮,并且将它的点击事件改为下面这样: ![](https://img.kancloud.cn/31/36/313675a9ed10bd5fccb43b6b92a1d9c6_571x147.png) ```js // 可以用 api 里的 getFormData 方法获取 var name = api.getFormData("name"); alert("你填写的姓名是:" + name); ``` 3. 点击预览,查看效果 ![](https://img.kancloud.cn/4c/4e/4c4e0b017df4441f93b07230bd79d69a_466x413.png)