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

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

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

猜你喜欢

谷歌SEO实战经验:我是怎样1周内将新网站DA和PA提升到10的?

谷歌SEO实战经验:我是怎样1周内将新网站DA和PA提升到10的?

最近做了一个B2B网站,之前一直在做网站的基本建设。从2月1号开始做网站的SEO,差不多一周时间网站的DA和PA增加到10(MOZ:DA11,PA10)。下面外链收录情况和近7

2020-02-19

H5网页布局+css代码美化,零基础参考

H5网页布局+css代码美化,零基础参考

HTML5的结构化标签,对搜索引擎更友好li标签对不利于搜索引擎的收录,尽量少用banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul+li<samp>

2020-02-14

SEO快排的常见公式

SEO快排的常见公式

流量公式SEO流量=整体收录量×整体排名×整体点击率整体收录率与网站构架和内容有关,一般企业网站、个人博客等不存在这个问题,只有上规模的大中型网站有收录的问题,而且是普遍存在收

2020-02-14

SEO快排百度优化推广网站优化排名

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

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

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

2020-01-13

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

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

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

2020-01-07