html文本框的hint,HTML 5 placeholder 属性

原文链接：http://www.w3school.com.cn/html5/att_input_placeholder.asp

HTML 5 placeholder 属性

实例

带有 placeholder 文本的搜索字段：

定义和用法

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。

HTML 4.01 与 HTML 5 之间的差异

placeholder 属性是 HTML5 中的新属性。

语法

属性值

值

描述

text

规定用于验证输入字段的模式。

但是在firefox，IE下都能实这个效果，chrome和safari点击后不会消失，得输入东西之后才会消失。

在CSS中加入以下代码即可实现：

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder

{

color: transparent;

}

原理为：将placeholder提供的提示信息文字的颜色设置为"transparent"(透明)。

改进《完美让IE兼容input placeholder属性的jquery实现》的不完美

中的代码在IE9以下浏览器中会出错,原因是因为ie9以下的浏览器对input的标签的解释不同. 例如对以下文本框的 ...

input placeholder属性 样式修改(颜色,大小,位置)

placeholder属性 样式修改

input 的 placeholder属性在IE8下的兼容处理

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿 ...

随机推荐

【转】Native JavaScript Data-Binding

原文转自:http://www.sellarafaeli.com/blog/native_javascript_data_binding Two-way data-binding is such an ...

Javascript基础系列之(三)数据类型 (类型转化)

所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,通过全局函数,可以实现更为复杂的数据类型. var a = 3; var b = a + 3; var ...

线性表(gcc实现)

线性结构: ①存在一个唯一的被称为“第一个”的数据元素: ②存在一个唯一的被称为“最后一个”的数据元素: ③除第一个元素外,每个元素均有唯一一个直接前驱: ④除最后一个元素外,每个元素均有唯一一个直接 ...

hpuoj回文串问题(manacher+kmp)

1699: 回文串问题 时间限制: 1 Sec  内存限制: 128 MB 提交: 22  解决: 3 [提交][状态][讨论版] 题目描述 还是回文串问题,字符串是啥,大家应该都知道,就是满足 S[ ...

前端学习数据库MYSQL

这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句 数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改, ...

真机测试遇到0xE8008016错误修改方法

错误描述 真机测试过程中,更换Provisioning Profile之后,出现错误:The entitlements specified in your application's Code Sig ...

CentOS6.*安装gitolite

http://www.kankanews.com/ICkengine/archives/64748.shtml 2人收藏此文章, 发表于4小时前(2013-10-22 16:12) , 已有26次阅读 ...

(Python基础)2 or 3？

对于大部分初学者来说,该选择Python2.x还是Python3.x?我想这个问题都是普遍初学者的疑问.我的回答当然是学Python3.x的啦.因为下面有段官方原话是这样子说的 ,大概意思呢就是Pyt ...

mongo 的简单查询语法

小白的我对MONGO的一些语句搜集用于区别mysql及一些小常识 pymongo 语法按照id进行倒序操作db.news.find().limit(20).sort([("_id" ...

Django中MEDIA_ROOT和MEDIA_URL

在django上传图片前端使用动态的配置方法 MEDIA_ROOT 代表着 要上传的路径会和你在models中写的上传的路径进行拼节形成最终文件上传的路径 MEDIA＿URL主要就是映射了 在前端使用 ...