import { View, Text, Input, Form } from "@tarojs/components";
import Taro, { useLoad } from "@tarojs/taro";
import "./index.scss";
export default function Demo() {
useLoad(() => {
console.info("Page loaded.");
});
function handleSubmit(e) {
Taro.request({
// 将URL设置为实际的接口路径。
url: "",
method: "POST",
});
}
return (
<Form onSubmit={handleSubmit}>
<View className="native-form">
<View className="form-item">
<Text className="col-md-4">昵称：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="nickname"
type="text"
nativeProps={{ autocomplete: "nickname" }}
></Input>
</View>
</View>
<View className="form-item">
<Text className="col-md-4">姓名：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="name"
type="text"
nativeProps={{ autocomplete: "name" }}
></Input>
</View>
</View>
<View className="form-item">
<Text className="col-md-4">手机号：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="tel"
type="text"
nativeProps={{ autocomplete: "tel-national" }}
></Input>
</View>
</View>
<View className="form-item">
<Text className="col-md-4">邮箱：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="email"
type="text"
nativeProps={{ autocomplete: "email" }}
></Input>
</View>
</View>
<View className="form-item">
<Text className="col-md-4">身份证：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="idcard"
type="text"
nativeProps={{ autocomplete: "id-card-number" }}
></Input>
</View>
</View>
<View className="form-item">
<Text className="col-md-4">带街道地址：</Text>
<View className="col-md-6">
<Input
className="form-value"
name="street-address"
type="text"
nativeProps={{ autocomplete: "street-address" }}
></Input>
</View>
</View>
</View>
<View className="button">
<button className="button"> 提交</button>
</View>
</Form>
);
}
