HTML 5 <input> placeholder 属性
2024-08-24 08:26:34
原文链接:http://www.w3school.com.cn/html5/att_input_placeholder.asp
HTML 5 <input> placeholder 属性
实例
带有 placeholder 文本的搜索字段:
<form action="demo_form.asp" method="get">
<input type="search" name="user_search"placeholder="Search W3School"
/>
<input type="submit" />
</form>
定义和用法
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。
HTML 4.01 与 HTML 5 之间的差异
placeholder 属性是 HTML5 中的新属性。
语法
<input placeholder="text">
属性值
值 | 描述 |
---|---|
text | 规定用于验证输入字段的模式。 |
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder
{
color: transparent;
}
原理为:将placeholder提供的提示信息文字的颜色设置为"transparent"(透明)。
最新文章
- iOS越狱开发(一)
- DataGridView 设置某个列为只能为数字
- System类
- zlib快速编译脚本
- SQLSERVER复制的要点
- scanf 用法及陷阱(转)
- UVa 10375 (唯一分解定理) Choose and divide
- 8天玩转并行开发——第二天 Task的使用
- Linux shell指令运行的原理
- SQLPlus命令
- DeeplabV3+ 命令行不显示miou的解决
- 《尚学堂_史上最易懂的设计模式视频》--章节5 动态代理-JDK6自带的编译器
- SQL之NULL值的几种处理方式
- html 的实践
- tensorflow 手写数字识别
- spring boot 项目插入数据后,返回数据库自增主键
- __getitem__ __setitem__ __delitem__ 使用
- uoj【UNR #3】To Do Tree 【贪心】
- BZOJ.2287.[POJ Challenge]消失之物(退背包)
- Android接入微信SDK之一:发起微信授权登录