输入字段预期值的提示信息placeholder

最新推荐文章于 2022-02-23 20:15:33 发布
原创 最新推荐文章于 2022-02-23 20:15:33 发布 · 690 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了HTML5中新增的placeholder属性，该属性用于在表单输入字段为空时提供提示信息，并在字段获得焦点时自动消失。适用于text、search、url等类型的输入字段。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

placeholder是html5中的新属性

这个属性提供可描述输入字段预期值的提示信息（hint）。

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

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

我们看到的像这种





源代码就是这个，在表单下使用placeholder

web和微信小程序设置placeholder样式
小马甲
11-30 2443
在页面布局时经常会用到`input`输入框，有时为了提示用户输入正确的信息，需要用`placeholder`属性加以说明。`placeholder` 是`HTML5` 中新增的一个属性，需要注意浏览器的兼容性。。`placeholder`可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的`placeholder`属性。
认识input输入框的placeholder属性
weixin_30654419的博客
06-18 3453
我们来认识下input输入框的placeholder属性。 placeholder 属性提供可描述输入字段预期值的提示信息。(placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password) 该提示会在输入字段为空时显示，并会在字段获得焦点时消失（IE10+获取焦点消失，Chrome，F...
placeholder 属性提供可描述文本框输入字段预期值的提示信息
awangwu的博客
09-21 1299
//效果 //前端代码 &lt;input id="addStatus2" placeholder="请输入产品名称" name="status" style="width: 100%;height: 100%"&gt;   实例 带有 placeholder 文本的搜索字段： &lt;form action="demo_form.asp" method=&quot
placeholder输入字段预期值的提示信息
weixin_44320200的博客
11-19 247
placeholder输入字段预期值的提示信息 <td colspan="3"> <textarea type="text" name="laborUploadMan" class="layui-textarea" placeholder="留言" lay-verify="required"/> </td>
HTML 5 <input> placeholder 属性
我是谁
08-26 480
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。 placeholder 属性是 HTML5 中的新属性。
使用placeholder属性设置input文本框的提示信息
11-21
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 <input> 类型：text, searc
aria-placeholder和placeholder区别
最新发布
09-12
aria-placeholder是ARIA规范中的一个属性，用于提供给屏幕阅读器用户的有关输入字段预期值的额外信息。它向屏幕阅读器用户描述了输入字段的目的和预期格式。通过使用aria-placeholder，开发人员可以确保屏幕阅读器...
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
12-12
placeholder 属性是 HTML5 中的新属性，俗名叫“占位符”，...在input上提供一个占位符，文字形式展示输入字段预期值的提示信息（hint），该字段会在输入为空时显示。 实例: 复制代码代码如下:<input type=”tex
autocomplete="off" placeholder="请输入搜索内容" 作用
09-08
2. placeholder="请输入搜索内容"：为表单字段提供了一个提示文本，向用户说明了该字段的预期输入内容。这提供了一种更好的用户体验，帮助用户更好地理解要求，并鼓励用户正确地填写信息，降低出错率。 综上所述，...
jquery 小插件，完成“输入字段预期值的提示信息”，防html5 placeholder属性
ansyl11111的博客
10-08 179
前言：在很多时候，我们需要文本框中显示默认值，获取焦点时，文字框中就会清空给的值，当失去焦点时，如果没有值，继续显示默认的文字，如果有输入值，就显示输入的值。现在项目中需要用到这个地方的功能比较多，于是想到了HTML5中的placeholder属性，但是总所周知，IE是咋们程序员心中的硬伤，不得不放弃。又不想在网上找这类似的，索性就自己写了一个，现在分享出来，供大家参考！...
placeholder 和 value 的区别
abcccc1111901的博客
02-23 3353
placeholder 和 value 的区别
vue 动态绑定placeholder
热门推荐
pxhing的博客
11-30 1万+
前言： 当placeholder的值不唯一时，就可以动态绑定placeholder <div class="box flex"> <span v-if="indexNav == 0">登录密码</span> <span v-else>交易密码</span> <input type="password" :placeholder="psdPlaceholder" v-m
android多行文本框hint居中,在安卓等移动浏览器中placeholder中的文字不垂直居中问题...
weixin_39796152的博客
05-26 522
现在移动互联网的浪潮一波又一波，很多企业和个人都开始注重自己的移动互联网(当然很多是已经有了传统的PC端的东西)，比如我们最近接的很多项目都是传统PC和移动端同步做的，这也说明了移动端在用户心目中的重要性。大家也清楚，因为很多移动设备上的浏览器都是一些现代浏览器，对HTML5和CSS3等新标准有着比PC上的一些老版本浏览器更好的支持，因此H5等技术标准也因此遍地开花。而今天我们要讲的一个问题就是：...
输入框中提示信息(html5)
weixin_33887443的博客
02-23 824
placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。 该提示会在用户输入值之前显示在输入字段中。 注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。 用法:placeholder="输入用户名" 浏览器支持 Internet Ex...
html5 规定输入字段,HTML5 Input属性详解
weixin_35701747的博客
05-31 663
本篇教程探讨了HTML5 Input属性详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。<value属性value属性规定输入字段的初始值：readonly属性readonly属性规定输入字段为只读(不能修改)：readonly属性不需要值。它等同于readonly="readonly"。实例disabled属性disabled属性规定输入...
HTML5基础学习
weixin_34133829的博客
04-13 105
<input type="number" name="number"/> HTML5 TYPE新增的属性有：color、date、datetime、datetime-local 、month、week、time 、email、number、range、search、tel、url， ======= <input type="date" nam...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值