进⾏搜索及按钮样式的修改
input框禁止输入搜索input中，如何点击搜索按钮进⾏搜索及按钮样式修改
正常我们会在搜索框中加⼊⼀个搜索按钮，点击进⾏搜索，但是⼩程序不是操作dom的，所以是⽆法直接获取到input中的值，所以要通过另外的⽅法进⾏搜索。
（1）通过input组件中的bindconfirm属性（confirm-type=“search” 可将软键盘的完成按钮改为“搜索”）
<input class='search_input' type='text' confirm-type='search'  bindconfirm='toSearch'  ></input>
//js部分
toSearch(e){
console.log(e.detail.value)  //e.detail.value 为input框输⼊的值
}
（2）利⽤form表单的提交，来完成点击按钮的提交(input需要添加name属性)
搜索按钮
利⽤button代替form的表单提交(form-type=“submit”)，注意⽤view不⾏，必须⽤button
需要⾃⼰修改button的默认样式（button的边框要在button::after中修改）
//wxml部分
<form bindsubmit="formSubmit" bindreset="formReset">
<input class='search_input' type='text' confirm-type='search' name="search" bindconfirm='toSearch'  >
<button class='search_btn' form-type='submit'>搜索</button></input>
</form>
//js部分
formSubmit(e){
console.log(e.detail.value.search)  //为输⼊框的值，input记得添加name属性
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。