表单的内容如何虚化和实化之placeholder和value

 时间:2026-02-14 04:14:18

1、写一个html的文档,加上form表单

表单的内容如何虚化和实化之placeholder和value

2、我们用第一个写上placeholder属性,

第二个写上value属性

我们用浏览器打开来看下效果

表单的内容如何虚化和实化之placeholder和value

3、第一个:placeholder  浅色的,

第二个:value   是深色的

表单的内容如何虚化和实化之placeholder和value

4、placeholder往里面填值时,原来的值立马消失,所以它只能当作个虚值(什么都没填的状态);

而value填的是个默认值,要填必须要把它删除之后再填,不然就是默认值。

这就是两者的区别

表单的内容如何虚化和实化之placeholder和value

表单的内容如何虚化和实化之placeholder和value

5、展示一个例子

前两个是提示信息(用placeholder)

,后两个直接给出了默认值(用value)

表单的内容如何虚化和实化之placeholder和value

表单的内容如何虚化和实化之placeholder和value

  • Animate轮播图怎么设置
  • Axure RP教程:单选按钮怎么设置组
  • css如何设置虚线边框
  • 如何使用CSS3中的样式控制无序列表显示圆形
  • css如何设置鼠标滑过按钮变颜色
  • 热门搜索
    山海关旅游攻略 东兴旅游 常熟旅游 新疆旅游路线 丹霞山旅游攻略 长江三峡旅游 旅游资源类型 额济纳旅游 文莱旅游 天台旅游