微信小程序-text组件width失效问题

1、text组件设置宽无效

2、text组件大小可以通过padding值设置

3、 display: inline-block添加此属性，可使text组件设置宽度有效

text组件 display: inline

<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文本域输入的问题了

---