表单的内容如何虚化和实化之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如何设置鼠标滑过按钮变颜色
  • 热门搜索
    快乐读书手抄报内容 法治社会手抄报 交通手抄报的内容 庆五一手抄报内容 简单手抄报花边边框 手抄报简笔画图案 爱的教育手抄报图片 关于对联的手抄报 助人为乐手抄报 寒假手抄报大全