微信小程序--快速开发UI界面2:认识input组件

1.value属性:(String类型) 输入框的初始内容,其值为输入框得初始值。
如果使用动态绑定,则value属性可随data中绑定变量值而变化。
现版本,vaule属性还不是双向绑定,即在input组件中输入的值并不会动态反应到绑定的变量中。

2.password属性 (Boolean ) 默认:false是否是密码类型,

注意:对于逻辑性值的设置,只要组件的属性中设置了该属性名,不管其属性值设置为 什么值,都会认为设置该属性值为true,若需要设置逻辑属性值为false,则需在组件中将该属性名删除。

< input placeholder="输入密码" type="time" password/> 
 < input placeholder="输入密码" type="time" password="true"/> 
   < input placeholder="输入密码" type="time" password="false"/>

以下代码不是密码输入框:

   < input placeholder="输入密码" type="time" />

3.placeholder属性(String):
输入框为空时占位符,通常用来设置input组件的提示信息,
当输入框中还没有输入内容是将显示这个属性中设置的内容,
如果在输入框获得输入焦点,placeholder属性设置的占位符信息都将消失。

4.disabled (Boolean) 默认为false设置该属性输入框是否被禁用,
这是一个逻辑类型,默认为禁用,设置后,输入框不接受用户输入,
但仍然可以显示内容,如果属性使用动态绑定,则其显示的数据仍然可动态变化。

5.maxlength属性 用来设置输入框可输入字符的最大长度,在输入框中输入时,
如果输入的字符达到设置的最大长度,用户将不能继续输入内容。
如果设置为0,表示不限长度。最大输入长度,设置为 -1 的时候不限制最大长度。

6.bindchange属性bindchange属性用来设置输入框的事件绑定,
当输入框失去焦点时,将触发bindchange事件,执行该属性设置的函数。
触发bindchange事件时,传入event作为参数,其中event.detail.value中包含输入框中输入的值。

猜你喜欢

转载自blog.csdn.net/Jason_LH1024/article/details/88041512