微信小程序--表单组件textarea
在微信小程序中，使用textarea组件创建多行输入框，实现复杂文本输入功能。其关键属性与功能如下：value属性：设置输入框内的文本内容，实现数据绑定。placeholder属性：在输入框为空时显示提示信息，提升用户体验。placeholder-style属性：自定义占位符样式，通过CSS样式调整其外观。
事情起因：在开发微信小程序前端时，遇到了一个使用多行输入框（textarea）属性的问题，自己一直未能解决，最后在同事的帮助下找到答案。事情经过：在写小程序前端时，使用了textarea属性，却遇到困扰多时的难题，一直未能找到解决方法，最后求助同事才得以解决。
第一步，打开微信小程序开发工具，在指定的wxml文件中插入一个textarea组件，设置最大长度、失去焦点事件等。第二步，在界面对应的JavaScript文件，添加失去焦点事件，并获取文本域文字内容。第三步，接着保存代码并在模拟器中预览界面显示效果，可以看到一个文本域。
**调整文档流布局**：通过调整页面布局，确保`textarea`元素不在固定定位元素之下，以避免被遮挡。具体做法是调整`scroll-view`组件的底部距离，确保页面内容不会出现在`fixed`元素之下。值得注意的是，上述解决方法仅在微信小程序中有效，支付宝小程序需要设置`enableNative=false`以支持此功能。
在app-vue和小程序框架中，部分组件如map、video、textarea、canvas通过原生控件实现，这些原生组件的层级通常高于前端组件，导致了在特定布局下，如fixed元素下方，textarea元素无法触发点击事件。为解决这一问题，可采取两种策略。
在写一个小程序界面的时候，发现这个页面的按钮点击失效，打印log打印不出来，而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组件遮挡了，导致点击不到。解决办法：给textarea添加样式，修改它的高度。
【输入框篇.记录】小程序开发textarea问题
**使用`cover-view`**：`cover-view`是一个能够覆盖在原生组件上的文本视图组件，通过它来包裹`textarea`元素，可以解决点击事件被遮挡的问题。
对于ios设备上无法获取输入框内容的问题，解决方法是在页面失去焦点时获取输入框内容，通过使用@blur=getBlur实现。避免输入框输入字或点击完成等操作触发其他事件，可以在获取焦点和失去焦点时标记状态，防止调用其他方法时产生混淆。
事情起因：在开发微信小程序前端时，遇到了一个使用多行输入框（textarea）属性的问题，自己一直未能解决，最后在同事的帮助下找到答案。事情经过：在写小程序前端时，使用了textarea属性，却遇到困扰多时的难题，一直未能找到解决方法，最后求助同事才得以解决。
第一步，打开微信小程序开发工具，在指定的wxml文件中插入一个textarea组件，设置最大长度、失去焦点事件等。第二步，在界面对应的JavaScript文件，添加失去焦点事件，并获取文本域文字内容。第三步，接着保存代码并在模拟器中预览界面显示效果，可以看到一个文本域。
在微信小程序中，使用textarea组件创建多行输入框，实现复杂文本输入功能。其关键属性与功能如下：value属性：设置输入框内的文本内容，实现数据绑定。placeholder属性：在输入框为空时显示提示信息，提升用户体验。placeholder-style属性：自定义占位符样式，通过CSS样式调整其外观。
小程序vanfield点击输入框看不见
输入框位于被其他元素遮挡的位置。请检查输入框是否被其他元素（如按钮、图片等）遮挡，如果是，请调整这些元素的位置。输入框的样式设置不正确。请检查输入框的样式设置，确保其具有正确的宽度、高度和背景颜色。如果背景颜色与页面背景颜色相同，可能导致输入框不可见。
小程序自定义多个输入框功能
placeholder属性：在输入框为空时显示提示信息，提升用户体验。placeholder-style属性：自定义占位符样式，通过CSS样式调整其外观。placeholder-class属性：指定占位符样式类，实现更灵活的样式控制。disabled属性：设置输入框是否可编辑，false表示可编辑。
打开微信小程序管理，开发设置，小程序上传。录入第一条ip，点击加号，页面会添加第二个输入框。在第二个输入框录入第二条ip，点击加号，第一条ip会被删除，页面仅留下第二条ip。再次点击加号页面又会添加一个输入框。页面最多同时只能存在2个录入的ip。
被键盘遮挡可以通过设置cursor-spacing来解决光标位置出现在倒数第二个字的后面这种是在获取焦点后，动态修改了textarea的高度，以便于让用户在更大的显示区输入。
最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。组件需要达到的需求是：输入框内没有内容时，删除按钮隐藏；当输入框内有内容时，删除按钮显示，点击删除按钮则清空输入框内所有内容。
当输入框的值等于6时，设置组件的事件传递到引用的页面，页面自定义事件（发起支付请求等...）其他说明 6位支付密码是一个很常见的需求。在H5端用vue做过组件，app端也要求实现，小程序类似的组件在网页上检索到的并不多，仅此记录。
微信小程序-如何获取用户表单控件中的值(包括非表单提交的方式获取输入...
1、获取表单组件值的两种主要方式分别是通过表单表单和非表单表单。通过表单表单获取值 在小程序中，将所有用户输入的组件放入form内，当点击form表单中的submit按钮时，会将表单组件中的value值进行提交。为实现这一功能，表单组件需要设置name属性作为键，以统一获取表单组件的值。
2、微信小程序中，实现数据传输及获取值的策略主要包含两种方法。第一种方法是设置id，此方法常用于标识跳转后传递的参数值。在目标组件中设置id，并赋予相应的键值，如电影的id（用于后续页面查询详情）。在js中通过绑定事件响应，获取并传递至下一个页面。
3、在input标签上添加blur事件，然后获取event上的数据。