百度MipCMS组件的使用及相关属性

  • 时间:
  • 浏览:618
  • 来源:无双科技

一、百度mip组件 mip-form

mip-form 用来支持 mip 中的表单提交

百度mip组件 mip-form

1. 使用

在MIP HTMl中,示例如下:


<mip-form method="post" url="www.baidu.com"> <input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名"> <div target="username">姓名不能为空</div> <input type="input" name="email" validatetarget="email" validatetype="email" placeholder="邮件"> <div target="email">填写正确的email</div> <input type="input" name="phone" validatetarget="phone" validatetype="phone" placeholder="电话"> <div target="phone">填写正确的电话格式</div> <input type="input" name="customnumber" validatetarget="custom" validatetype="custom" validatereg=^[0-9]*$ placeholder="我是自定义验证规则数字"> <div target="custom">请输入正确的数字</div> <input type="submit" value="提交"> </mip-form>


组件所涉及的属性有 表单提交方法(method),表单提交url(url) validatetarget(验证提示对应tag) validatetype(验证类型) 自定义验证(validatereg)

表单提交方法(method)

是否必填:是

表单提交url(url)

是否必填: 是

validatetarget(验证提示对应tag)

是否必填:否

说明: 用于对应错误时的提示显示元素的查找

validatetype(验证类型)

是否必填:否

说明: 用于支持简单的验证。目前提供email、phone、idcar、custom。当为custom时则需要填写validatereg

自定义验证(validatereg)

是否必填:否

说明: 补充站长个性化的验证规则。如果validatetype为custom时需填写相应验证规则

二、百度mip组件 mip-link

mip-link 用来支持在 mip 页面跳转,解决类似 iframe 嵌套情况下不能跳出父级的问题

百度mip组件 mip-link

1. 使用

在MIP HTMl中,用来替代a标签,示例如下:

百度mip组件 mip-link

2. 属性

组件所涉及的属性有:mip地址(href) 跳转目标页面标题(title)。

href

是否必填:是

说明:跳转目标网址。

title

是否必填:否

说明:跳转目标页面标题如果不填默认为标签之间的内容

三、百度mip组件 mip-share

mip-share 用来支持在 mip 中添加对第三方网站的分享。

分享组件提供一个静态的页面嵌入模块,其中分享的平台,站长通过选择type从而指定网页可分享的第三方网站。

百度mip组件 mip-share

1. 使用

在MIP HTMl中,用来替代img标签,示例如下:

百度mip组件 mip-share

2. 属性

组件所涉及的属性有:标题(title), 分享连接(url), 分享摘要(content)以及分享图片(iconUrl)。

标题(title)

是否必填:否

说明:分享出去的标题,默认取页面title。

分享连接(url)

是否必填:否

说明:分享连接,默认取当前页面连接。

分享摘要(content)

是否必填:否

说明:分享的文章摘要,默认取页面title。

分享图片(iconUrl)

是否必填:否

说明:默认百度logo。

猜你喜欢

什么样的网站才叫大气?如何设计出大气的网站?

什么样的网站才叫大气?如何设计出大气的网站?

做过网站建设的工作的人都有体会,当问及许多客户对网站的需要的时候,他们大多数都说不上来,但是通常他们都会说网站设计的要“大气”。做为一个网页设计人员遇到这样的词是有些头疼的。因

2019-12-12

[源码分享]一个扁平化风格响应式布局的后台管理模版

[源码分享]一个扁平化风格响应式布局的后台管理模版

一个很赞的,扁平化风格的,响应式布局的后台管理模版,旨为后端程序员减压!PC端效果预览手机移动端效果预览项目地址:https://gitee.com/bobi1234/ok-a

2019-12-09

[源码分享]开源的自定义表单设计器源码

[源码分享]开源的自定义表单设计器源码

自定义表单设计器,这是一个现代化应用中一个加分的模块,目前很多大型的系统都会存在很多表单,针对不同的客户,可能表单都会不一样,而且不够灵活,可能针对不同的场景都得去定制化的开发

2019-12-03

网站没有被收录?原因可能是这些!

网站没有被收录?原因可能是这些!

对于一个网站,只有被搜索引擎收录了,才可能出现页面的报告,如何未被搜索引擎收录,那么用户在搜索时,你的页面是不会受到的。但是,在网站优化的过程中,有许多SEOer都遇到过同样一

2019-11-29

深圳市顾佰特实业有限公司营销型网站

深圳市顾佰特实业有限公司营销型网站

顾佰特实业电源已广泛应用于:液晶显视器,LCDTV,DVR监控,DVB,DVD,电子冰箱、电动车充电、小型家电、医疗器械、工业装备、灯饰、视听影相、充电器(锂电池,镍氢电池蓄电

2019-11-20