placeholder属性使用

最新推荐文章于 2022-04-09 21:58:00 发布
最新推荐文章于 2022-04-09 21:58:00 发布 · 3.2k 阅读 · 2
文章标签：

#placeholder

本文介绍了H5中placeholder属性的应用方法及效果展示。通过具体的HTML示例代码，阐述了如何利用该属性设置输入框的提示文字样式。

placeholder属性是H5专用的，实现的效果就是字体颜色浅、粗等特征，如在<input placeholder="aaaaaaaaa">，而如果在<asp:TextBox>中使用，则也是可以的，直接的<asp:TextBox placeholder="aaaaaa">，同样实现相同的效果。

HTML5新增的input元素属性：placeholder、required、autofocus、min、max等
pan_junbiao的博客
07-08 1592
HTML5 大幅度地增加与改良了 input 元素的属性，可以简单地使用这些属性来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。 placeholder 属性：当用户没有输入值时，输入型控件可以通过placeholder 属性向用户显示描述说明或者提示信息。使用placeholder 属性只需要将说明性文字作为该属性的值即可。除了普通的文本输入框，email、number、url 等其他类型的输入框也都支持placeholder 属性。
使用placeholder属性设置input文本框的提示信息
11-21
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 <input> 类型：text, searc
placeholder属性
酷小亚
09-30 3748
使用placeholder属性来提示输入框中需要输入的内容 效果图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>placeholder属性</title> </head> <body> <form action="#" method="get"> 请输入邮政编码： <input type="
图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式
热门推荐
lin123_00的博客
05-11 2万+
在页面布局时经常会用到input输入框，有时为了提示用户输入正确的信息，需要用placeholder属性加以说明。这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder属性的样式，感兴趣的朋友可以参考一下，希望对你有所帮助！ placeholder 是HTML5 中新增的一个属性。placeholder可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入
placeholder属性作用
sunliusen的博客
04-09 196
placeholder属性作用 1.介绍 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。 示图: <!DOCTYPE html> <html lang="en"> <he...
HTML5里的placeholder属性使用实例和美化显示效果的方法.doc
最新发布
07-14
这种简单的属性使用方式避免了JavaScript的复杂性，让网页开发者可以更专注于页面的内容和设计。 然而，并不是所有的浏览器都支持HTML5的placeholder属性。例如，早期的浏览器版本如IE6和IE8就不支持这一特性。为了...
HTML5里的placeholder属性使用实例和美化显示效果的方法
01-21
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生支持，而且效果...
基于JS实现html中placeholder属性提示文字效果示例
10-18
<title>JS实现placeholder属性效果 function bl() { var a = document.getElementById("inpt"); if (a.value.length ) { a.style.color = "#999999"; a.value = "请输入姓名"; } } function fo() { var...
input placeholder属性用法介绍
weixin_33989780的博客
03-01 336
placeholder是html5新增的一个属性。 使用它就可以轻松的实现文本框输入提示效果，以前都是要结合js才能够实现的。 代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <hea...
HTML5 placeholder(空白提示)属性介绍
01-21
原文地址：HTML5′s placeholder Attribute 演示地址: placeholder演示 原文日期： 2010年08月09日 翻译日期： 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的，有些是JavaScript APIs形式的,但都很有用。其中我最喜欢的一个就是为input元素引入了placeholder属性。 placeholder属性显示引导性文字直到输入框获取输入焦点,当有了用户输入内容后引导性内容将会自动隐藏。你肯定见过用JavaScript实现的这种技术成千上万次了,但是来自HTML5的原生支持一般来说会更好一些。 HTML 代码
HTML中placeholder 属性
秦哥的博客
03-07 1万+
零、码仙励志 不积跬步，无以至千里；不积小流，无以成江海。 一、placeholder 属性的用法 placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。 该提示会在用户输入值之前显示在输入字段中。 注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 passwo...
HTML5 placeholder(空白提示) 属性
weixin_34144450的博客
08-06 403
原文地址：HTML5′s placeholder Attribute 演示地址:placeholder演示 原文日期： 2010年08月09日 翻译日期： 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的，有些是JavaScript APIs形式的,但都很有用。其中我最喜欢的一个就是为input元素引入了placeholder属性...
Sencha toucha2中设置文本框默认提示文字的PlaceHolder属性的颜色
weixin_34050389的博客
09-06 128
在做项目时，我想让一个文本框的提示文字变色，显得更醒目。但是默认的PlaceHolder颜色是灰色的。经过多次尝试和查资料，终于搞懂了。只需要一个CSS样式就可以了。 HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字...
html5--placeholder属性
liuhuabing760596103的专栏
10-18 602
html5--placeholder属性
html5中placeholder的作用,html5 <input> placeholder 属性
weixin_31427047的博客
06-23 300
Socket&period;io和Redis写Realtime App 之express初试第一步:用npm下载express前端框架 注意事项:首先要确保已经安装了node.js和 npm 然后在项目中创建一个package.json文件,不能完全为空不写,至少要有两个大括号,不然怎么证明 ...Dom4jDom4j http://baike.baidu.com/link?url=2XO...
HTML5 的placeholder属性（兼容各版本）
Web前端开发经验记录
07-01 1328
Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。
【工作笔记五】html5的placeholder属性（IE如何兼容placeholder属性）
dianying7959的博客
12-15 206
placeholder属性，IE对其的支持表示无奈，firefox、google chrome表示毫无压力。 HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提...
placeholder 属性 <input>标签 HTML 5特有属性
前端蜗牛君
12-14 954
代码段： 效果展示：
自定义UITextView添加placeholder属性教程
"这篇教程详细介绍了如何为iOS平台上的UITextView添加placeholder属性，类似于UITextField的提示文字功能。作者通过创建一个继承自UITextView的自定义控件JSTextView，并利用UILabel来模拟placeholder的效果，使...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值