### **使用input组件注意相关限制** `confirm-type`设置手机输入法右下角按键，默认是`done` > confirm-type 有效值： > * send 右下角按钮为“发送” > * search 右下角按钮为“搜索” > * next 右下角按钮为“下一个” > * go 右下角按钮为“前往” > * done 右下角按钮为“完成” 其他具体看[这里](https://developers.weixin.qq.com/miniprogram/dev/component/input.html) ``` //index.xwml <view class="search"> <icon type="search" color="#405F80" size="20"></icon> <input type="text" confirm-type="search" bindconfirm="onConfirm"/> </view> ``` ### **设置输入冒泡事件** ``` // pages/index/index.js const app = getApp(); import utils from "../../utils/utils"; const http = utils.http; var star = utils.star; var sliceTitle = utils.sliceTitle; Page({ data: { }, onConfirm(e){ console.log(e.detail.value); var value = e.detail.value; var url = `https://douban.uieee.com/v2/movie/search?q=${value}`; console.log(url); http(url,this.handleData) }, handleData(res){ var subjects = res.data.subjects; var movies = []; subjects.forEach(ele => { var title = ele.title; var id = ele.id; var average= ele.rating.average; var stars = star(ele.rating.stars); var imgUrl = ele.images.large; var temp = { title, id, average, stars, imgUrl } movies.push(temp); }); this.setData({ movies }) }, }) ``` ## **按钮和输入框输入的值相同，得到值也相同** ``` <!--pages/mine/mine.wxml--> <form bindsubmit="confirm"> <button class="btn" formType="submit">确定</button> <input class="input" type="text" confirm-type="search" name="search" bindconfirm="confirm" placeholder="请输入你的短评，可输入12字" /> </form> ``` ``` confirm(event){ let value = event.detail.value; if(typeof value !="string"){ value = event.detail.value.search } console.log(value) }, ```