uniapp是一个跨平台的开发框架，可以轻松地将一个web应用程序打包成android和ios应用程序。在uniapp应用中，我们可以通过组件来使用原生的输入控件。
在使用uniapp的时候，我们经常会遇到一个问题，就是我们需要使用原生input控件，比如我们需要在input中输入日期，我们想要使用原生的日期选择器，而不是使用h5的日期选择器。这种情况下，我们可以使用uniapp提供的原生事件系统和uni-app插件来使用原生的input控件。
如何使用原生input控件？
首先，在html代码中，我们可以使用原生的d5fd7aea971a85678ba271703566ebfd标签来声明输入框，同时给它绑定一个id属性，以便后面在代码中取到该输入框的引用。
接着，我们需要在js代码中通过元素的id获取到该输入框的引用，然后绑定事件处理函数，通过事件来触发原生输入控件的展示。
下面是一个示例代码：
<template> <view> <input type="text" :id="'input-' + uid" @focus="onfocus" /> </view></template><script> export default { data() { return { uid: math.random().tostring(36).substr(2, 8), }; }, methods: { onfocus() { if (uni.getsysteminfosync().platform === 'android')) { // 显示原生日期选择器 uni.showdatepicker({ success: (res) => { console.log(res); }, }); } else if (uni.getsysteminfosync().platform === 'ios')) { // 显示原生时间选择器 uni.showdatepicker({ pickermode: 'time', success: (res) => { console.log(res); }, }); } }, }, };</script>
在上述代码中，我们首先在html代码中声明了一个输入框，然后在js代码中获取该输入框的引用，绑定了一个名为'onfocus'的事件处理函数。
在事件处理函数中，我们首先通过uni.getsysteminfosync()方法获取当前设备的操作系统类型，然后根据不同的操作系统类型来显示不同的原生输入控件。
在上述代码中，当当前设备是安卓设备时，我们就使用uni.showdatepicker()方法显示原生的日期选择器，当当前设备是ios设备时，我们则使用uni.showdatepicker()方法显示原生的时间选择器。
这样，我们就可以轻松地使用原生input控件，而不必再受限于h5的输入框类型了。
以上就是uniapp怎么使用原生input的详细内容。