小程序中文本框<inputtype='text'>如何设置内容最大长度,如何设置内容为只读?

小程序中文本框<inputtype='text'>如何设置内容最大长度,如何设置内容为只读?,第1张

<input type='text' disabled />只读

<input maxlength='10' type='text' name='length' />限制只能输入10个字符串

程序没有readonly,只能用disabled代替。建议使用view模拟

步骤如下:

1.第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。

2.第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容

3.第三步,接着保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。

4.第四步,在文本域组件中输入相应的文字内容,尽可能输入多的内容。

5.第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。

6.第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/8100461.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存