html placehonlder属性,HTML input placeholder 属性

本文介绍了HTML5中的placeholder属性,如何为输入字段添加提示文本,并说明了其颜色设置方法。特别关注了不同浏览器对这个新特性的支持情况,包括Internet Explorer 10及以后版本和旧版浏览器的差异。
摘要由CSDN通过智能技术生成

HTML placeholder 属性

实例 1

带有 placeholder 文本的两个输入字段:

尝试一下 »

placeholder 文本也可以指定颜色。

实例 2

带有 placeholder 文本设置颜色:

尝试一下 »

浏览器支持

801f0d29e4ef03549f92007bb8f4608a.gif

4ac9830665e4d14bb06cc9324905d8bd.gif

b9f775143a5bb32d0d760f13e9e90d9f.gif

48afe1f2cc920be87020686db347d345.gif

2c76856f718ed04d64a3781f20247db6.gif

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。

注意:Internet Explorer 9 及之前的版本不支持 标签的 placeholder 属性。

定义和用法

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。

该提示会在用户输入值之前显示在输入字段中。

注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

HTML 4.01 与 HTML5之间的差异

placeholder 属性是 HTML5 中的新属性。

语法

属性值值描述

text规定可描述输入字段预期值的简短的提示信息。

df7e04b85d675e1cd7e20ba554ecee7b.gif HTML 标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值