借助这个工具,我们就能生成各种简单图形了,比如:
箭头:
向右的箭头:
关闭的叉:
三角形箭头:
注意:iOS浏览器iOS7以上支持,android浏览器4.4以上支持。opera浏览器全部不支持。iE全部不支持。
每个输入项目,input框,都对应一个span标记。span标记内的内容,就是你看到的红圈内德错误提示信息。input输入框,和默认隐藏的span标记都处于同一个父元素P标记内。
P标记的position是relative的。
而span标记的position是absolute的。
设置为position:abosolute的span标记,将根据最近的一个设置为relative定位的父元素进行定位。
因此span标记就可以通过设置left以及top属性,进行定位。
因为已知input框的大小,长度,等,就可以精确设定span标记的定位点,
看起来就跟吸附在input框右侧的效果。
还有,你要问提示信息栏左侧突出的那个小尖尖是怎么出来的话,其实那就是背景图片而已。