hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 杂谈 - 正文 君子好学,自强不息!

【杂谈】Mip中表单组件怎样用

2019-11-18杂谈搜奇网37°c
A+ A-
本篇文章主要给人人引见 MIP中表单组件怎样用

Mip即挪动网页加速器,在之前的文章已给人人引见过MIP中几个比较经常运用的组件,如轮播图组件、内联框架组件、折叠菜单组件、App推行下载组件等。

引荐参考手册:《MIP文档手册》

本节内容继承给人人引见表单组件的运用。

表单组件(mip-form 表单表单提交)基础代码示例以下:

<mip-form method="get" url="http://www.ki4.cn?we=123">
    <input type="text" name="username" validatetarget="username" validatetype="must" placeholder="姓名">
    <div target="username">姓名不能为空</div>
    <input type="number" name="age" validatetarget="age" validatetype="must" placeholder="岁数">
    <div target="age">岁数不能为空</div>
    <input type="submit" value="提交">
</mip-form>

注重,须要在mip文件body中引入以下剧本。

<script src="https://c.mipcdn.com/static/v1/mip-form/mip-form.js"> </script>

经由过程浏览器接见,结果以下图:

当我们为空点击提交时,就涌现上图中提醒。

个中,一些主要属性引见:

method:示意表单提交要领。表单提交要领假如为 post,应运用 HTTPS 地点。

url:必需是 HTTP(S) 或 // 开首的地点

validatetarget:示意考证提醒对应 tag,用于对应错误时的提醒显现元素的查找

validatetype:示意考证范例, 用于支撑简朴的考证。现在供应 email, phone, idcar, custom。当为 custom 时则须要填写 validatereg
必选项:否

validatereg:示意自定义考证,补充站长个性化的考证划定规矩。假如 validatetype 为 custom 时需填写响应考证划定规矩

clear:示意表单中 <input> 清空按钮开关

fetch-url:有此属性则能够开启异步要求数据逻辑,组件会并依据数据返回状况来按submit-success,submit-error块中的模板革新部分信息。

本篇文章就是关于MIP中表单组件的基础运用引见,简朴易学,愿望对须要的朋侪有所协助!

以上就是Mip中表单组件怎样用的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【杂谈】Mip中表单组件怎样用

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

本文来源:搜奇网

本文地址:https://www.sou7.cn/281939.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>