京东表单的内容放大效果

当用户输入时、有些表单内容过于小，所以我们需要将表单里的内容放大但是不能影响布局、也不能将其他内容永久的挡住、所以当表单失焦后，他要再次隐藏

html、css搭建及效果

 

通过js获取input里的value值，并将这个值赋值给原本隐藏的eg4盒子并且将eg4显示出来、当失焦时eg4重更新隐藏起来

        注意：这里有一个小效果就是放大框下面的小三角、还有就是放大框的盒子阴影不能少、否则小三角效果不明显 、js里还隐藏了一个判断条件就是当input的内容为空时、放大框也不会显示、也就是说在聚焦的情况下input.value！=0在执行放大框显示以及赋值。