关于input的一些事件和属性

disabled和readonly两者的联系:

1、两个属性都可以作用于input等表单元素上,都使得元素成为“不可用”的状态;
2、两者的字面意义:
(1)readonly表示“只读”,一般表示对于文字内容只读,即不可更改内容,对于非文字的表单“只读”与“不只读”似乎没有啥区别;
(2)disabled表示“使残废,使无效”,都残废了,不管是什么内容,都是无效的。

disabled:有两个属性,true 和false,true:禁用
false :解除禁用

readonly:readonly,表示只读

 

:adjust-position :微信官方自带键盘弹起时,自动上推页面,默认true上推页面,false不上推页面

@keyboardheightchange="keyboardHeightChange(e)":@keyboardheightchange事件是监听键盘高度变化的,可以获取到软键盘高度,uniapp也提供了api接口 uni.onKeyboardHeightChange(CALLBACK)

@blur =" ":失去焦点事件

v-model =" ":双向数据绑定

placeholder =" ":input框提示内容

confirm-type =" ":设置键盘右下角的文字(具体用法看上一篇博客记录)

@confirm=" ":confirm函数用于提供确认功能

@input=" fn(e)":当键盘输入时,触发input事件,用e来接收input框输入的值。

@input特殊情况下:@input事件想要传递一个参数到方法中 但是同时还要保留原来返回的e,解决方法如下:使用$event

@input="fn($event,123)"

// 输入数字实时监听
fn(e,index){
	let that = this;
	console.log(e.detail.value); //input框输入的值
	console.log(index); //传参  123
},

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML 中 input 标签是用来创建用户输入表单的元素,它有很多属性和用法,以下是常见的一些: 1. type 属性:用来指定 input 的类型,包括 text、password、checkbox、radio、submit、reset、button、file 等。 2. name 属性:用来指定 input 的名称,用于后台处理表单数据。 3. value 属性:用来指定 input 的值,对于 type 为 text、password、hidden、submit、reset、button 等类型的 input,value 属性表示默认值;对于 type 为 checkbox、radio 等类型的 input,value 属性表示被选中的值。 4. placeholder 属性:用来指定 input 的占位符,显示在 input 为空时的提示文字。 5. required 属性:用来指定 input 是否为必填项。 6. disabled 属性:用来指定 input 是否禁用。 7. readonly 属性:用来指定 input 是否只读。 8. autofocus 属性:用来指定 input 是否自动聚焦。 9. multiple 属性:用来指定 input 是否允许多选,仅适用于 type 为 file 的 input。 10. accept 属性:用来指定 input 可接受的文件类型,仅适用于 type 为 file 的 input。 11. size 属性:用来指定 input 的宽度,以字符为单位。 12. maxlength 属性:用来指定 input 可接受的最大长度。 13. min 属性和 max 属性:用来指定 input 可接受的最小值和最大值,仅适用于 type 为 number、range、date、time、datetime-local 的 input。 14. step 属性:用来指定 input 的步长,仅适用于 type 为 number、range 的 input。 以上是常见的一些 input 属性和用法,不同的 input 类型可能还有其他特殊的属性和用法。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值