当前位置: 首页 > 网络应用技术

学习CSS-Pointer-events:无;Miao Label(占位符)!

时间:2023-03-06 14:57:49 网络应用技术

  登录到Twitter时,他发现其输入框的占位符可以浮动。输入框获得焦点后,占位符将持续到它。我认为这种登录方法的优势是它可以减少标签,并且同时,它可以确保用户知道输入时的输入是什么。

  属性设置HTML元素应响应鼠标/触摸事件/单击/单击事件以及光标是否可见。尽管该属性具有11个可能的值,其中8个用于SVG。任何HTML元素的三个有价值的值为:

  允许单击或单击以将一个元素传递到Z轴上下方的另一个元素。

  例如,当您双击时,可以选择以下文本。

  我们已经了解了指针盛宴的用法。然后回到主题以实现序言中的效果。

  修改样式。将登录名设置为正面:相关,并同时设置标签的位置,以便他在输入框中。

  在此步骤中,我们没有添加位置事件:无;

  但是有一个错误。当您单击鼠标中的用户名时,将不会有任何效果。只有当您单击后面的空白空间时,标签才会漂浮。

  设定点事件:标签和穿透都没有。

  。登录表单。登录名标签{

  姿势:绝对;

  顶部:0;

  左:0;

  填充:10px 10px;

  字体大小:16px;

  颜色:RGB(15、20、25);;;

  指针盛宴:无;

  过渡:0.5s;

  }最终效果: