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

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

一、百度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。

猜你喜欢

企业信息系统建设的5个阶段

企业信息系统建设的5个阶段

信息系统基本涵盖了公司的所有方面,从员工到业务,算一个较重的工具。很少有公司在成功之初就上大型的信息系统,基本是企业人数、业务,发展到一定规模才会上专业的管理软件。毕竟不可能公

2020-01-13

5行代码,实现一个js的打字效果

5行代码,实现一个js的打字效果

有次看电影,看到屏幕上一个个的文字蹦出来,感觉像是有人在打字一样,觉得挺有意思,于是这里也用js实现了一个。效果预览最简单的打字效果只要五行代码,这里直接贴出来:constdo

2020-01-07

分享几个第一次看到就被它的优美深深震撼到的代码

分享几个第一次看到就被它的优美深深震撼到的代码

1、线性求逆元:for(inti=2;i<MAXN;i++) inv[i]=mul(inv[mod%i],mod-mod/i,mod);仅仅两行代码,就实现了在$O(n)

2019-12-27

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

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

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

2019-12-12

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

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

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

2019-12-09