Popular blog tags

1.1 表单使用的场景

1.1.1 单个输入控件的情况

     直接给 input 添加 bindinput,比如:<input bindinput="onUsernameInput" />,那么可以在 onUsernameInput 中直接使用 e.detail.value,即:

onUsernameInput : function(e) {
e.detail.value;
}

1.1.2 多个输入控件的情况

如果有多个输入控件,我们不可能为每个控件添加 bindinput、bindchange 这类方法来获取值。这种情况下用Form

来提交。

1.1.3 表单设计步骤

第一步、添加 from 控件,并为其指定 bindsubmit 属性值。
第二步、添加输入控件到 form 中,并为其指定 name 属性值。
第三步、添加 button 控件,并为其指定 form-type="submit"。
第四步、在 js 中取值时,用 e.detail.value.xxx 或 e.detail.value["xxx"],其中 xxx 为 name 属性值。

	<form bindsubmit="bindSave">

<input type="text" 中的 type 说明:

text:不必解释
number:数字键盘(无小数点)
idcard:数字键盘(无小数点、有个 X 键)
digit:数字键盘(有小数点) 
注意:number 是无小数点的,digit 是有小数点的。