Form表單、switch開關、數值選擇器效果 官方文檔:傳送門
點擊提交表單(按鈕,提交開關,數值選擇器,輸入文本中)的值,顯示在控制台上,點擊重置,重置表單中的值。
實現過程
form表單,添加form-type屬性到表單上
<form bindsubmit="formSubmit" bindreset="formReset"> <switch name="switch"/> <slider name="slider" show-value ></slider> <input name="input" placeholder="please input here" /> <button form-type='submit'>提交</button> <button form-type='reset'>重置</button> </form>
添加formSubmit和formReset函數,實現提交/重置表單函數
formSubmit:function(e){
console.log(e);
},
formReset:function(){
console.log(e);
}
表單中有值時,控制台顯示提交表單的值
value
input:"Gary"
slider:52
switch:true
重置表單后,表單中沒有值時,控制台顯示提交表單的值
value
input:“”
slider:“”
switch:false