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

 时间:2026-04-22 15:33:40

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如何设置鼠标滑过按钮变颜色
  • 热门搜索
    河南红色旅游 泰国旅游必备物品清单 香港旅游网 中国旅游胜地四十佳 响沙湾旅游景区 黄山市旅游景点 土耳其旅游最佳月份 福建省旅游景点 云南香格里拉旅游 日本北海道旅游攻略