微信小程序和html标签比较
0 375 2021-06-17 02:00:02
收藏
| html | 微信小程序 |
| <div></div> | <view></view> |
|
<h1></h1><h2></h2>....<h6></h6> <p></p><span></span> |
<text></text> |
|
<input type="text"> <input type="checkbox"> <input type="radio"> <input type="file"> |
<input /> <checkbox /> <radio /> <view bindtap="changeImage"></view> |
|
<select> <option></option> <option></option> </select> |
<picker range="{{area}}"> <view> {{area[index]}}</view> </picker> |
| <a href="#"></a> | <navigator url="#" redirect></navigator> |
| <img src=""> | <image mode="aspectFill" src=""> |
| <i class="icon"></i> | <icon></icon> |
| html | 微信小程序 |
| div（标签选择器） | view、text、icon、input、image、navigator（标签选择器） |
| class(类选择器) | class |
| id(id选择器)（效率最高） | id(效率最高) |
| element,element(层级选择器) | element,element(层级选择器) |
| ：after（伪类选择器） | ：after ：before |
| ：frist-child等 | ：frist-child等(不建议（工具过滤易导致页面错乱）) |
| .class .class | .class .class(不建议（工具过滤易导致页面错乱）) |
| 群组选择器 | 群组选择器 |
| 后代选择器 | 后代选择器 |
<em id="__mceDel">
<!--微信小程序中placeholder的样式和html5是不一样的。需要修改placehoder的样式，通过placeholder-class=”class”来定义。-->
<input type="text" placeholder="邮箱" placeholder-style="color:#c0c0c0" />
<input password type="number" placeholder="密码" placeholder-class="placeholder" />
<!--小程序里通过placeholder-style和placeholder-class修改样式，不过并不能修改点击时候input的边框颜色--></em>
<!--HTML5通过focus修改placeholder默认和点击时候的样式-->
input::-webkit-input-placeholder {
/* placeholder颜色 */
color: #aab2bd;
/* placeholder字体大小 */
font-size: 12px;
/* placeholder位置 */
text-align: right;
}
input:focus::-webkit-input-placeholder { color: transparent; }
本文地址：https://xzo.com.cn/develop/mini/1036.html
如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。
目前市面上的帝国cms站点很多，而且因为帝国cms优质的性能与安全性，用户是越来...
在常规的html网站，让轮播图高度自适应是很简单的。但到了微信小程序，轮播图高...
百度小程序的开放生态对网站站长及企业商家而言，能够从中获取到什么呢？百度智...
html代码中，图片高度如果设置为auto，则在不被其他属性替代的情况下，图片高度会...
微信小程序自带了加载中动画，免去了我们去开发的流程。那么，微信小程序的加载...
通过本插件，可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...
本插件适用于内网用户，可查看单篇文章访问者ip地址。如果添加访问者ip组，可查...
通过本插件，可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...
一直没看到好用的帝国cms在线考试插件，所以自己开发了一款。在线考试插件用...
通过本插件，可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...
本插件基于帝国cms帝国cms每日自动审核插件，在自动审核指定条数信息的基础上...
下载鸥开发了这款帝国cms封禁ip插件，自动记录访问情况，让我们可以更快的识别...
帝国cms 对接纳米数据（www.nami.com）接口，本接口主要接收、整理足球比赛实时数...