表单的内容如何虚化和实化之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如何设置鼠标滑过按钮变颜色
  • 热门搜索
    预算编制方法 红烧鸭子的家常做法 脖子落枕最快治愈方法 兔肉的家常做法 孩子小名大全 免费小说大全 淘宝怎么申请售后 笔记本电脑卡怎么办 豆腐怎么做好吃 老坛酸菜的腌制方法