<input>标签的placeholder属性用法简单介绍

最新推荐文章于 2024-05-07 19:36:34 发布
最新推荐文章于 2024-05-07 19:36:34 发布
阅读量729 收藏
点赞数
文章标签： python 数据结构与算法
原文链接：https://yq.aliyun.com/articles/573420
版权

本章节介绍一下html5新增的一个属性placeholder，当然它现在很多低版本的IE浏览器并不支持，当然这并不妨碍，因为技术一直都是在进步的，先看一段代码实例:

01
02
03
04
05
06
07
08
09
10
11
<!DOCTYPE html>  
< html >  
< head >  
< meta charset = " utf-8" >  
< meta name = "author" content = "http://www.softwhy.com/" />  
< title >蚂蚁部落</ title >
</ head >
< body >
< input type = "text" placeholder = "请输入用户名" />
</ body >
</ html >


原文发布时间为：2017-2-11

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：<input>标签的placeholder属性用法简单介绍

weixin_33989058
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue如何获取input框placeholder里的值_VueElement 获取数据
weixin_42098759的博客
01-26 2636
Vue-Element 获取数据本篇简单介绍通过Vue-Element实现获取数据，数据绑定和数据查询。1.通过v-model进行数据绑定。2.通过el-form设置:model,el-form-item设置prop, 实现数据查询。1. 定义queryParam和tableDatadata() { return { // 查询参数 queryPar...
图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式
热门推荐
lin123_00的博客
05-11 2万+
在页面布局时经常会用到input输入框，有时为了提示用户输入正确的信息，需要用placeholder属性加以说明。这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder属性的样式，感兴趣的朋友可以参考一下，希望对你有所帮助！ placeholder 是HTML5 中新增的一个属性。placeholder可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入
【原创】微信小程序云开发通过input输入框动态修改云数据库的数据
qq_45838886的博客
03-26 2310
【原创】微信小程序云开发通过input输入框动态修改云数据库的数据 效果： 可以在小程序的显示界面中，渲染出数据库的相关内容，并且可以在显示界面中，直接修改数据库中的数据。 初始状态图： 点击获取数据： 数据库中的内容（节选） 修改数据： 在界面直接修改，数据库中也同步修改了 （可只修改其中一条，也可同时修改多条，图片为修改多条） 代码展示： wxml代码： <view> <button bindtap="getData" style="background-colo
使用 div 实现 input、textarea 输入框，并支持 placeholder 属性（解决浏览器兼容问题）
最新发布
2401_84094908的博客
05-07 659
# 使用 contenteditable=“true” 实现的文本框全选内容# 输入框贴贴去除样式并插入到指定光标位置（contenteditable=“true” 实现的输入框也支持）一、 实现 1、给 添加 属性，使 元素变成用户可编辑。2、给 添加 样式，使 可以被用户调整尺寸，注意：同时需要设置 样式，因为 样式不适用于 的块，不然 不会生效，。 支持输入框拉伸的属性：、、3、增加一个 属性，通过 控制显示。二、 实现 1、给 添加 属性，使 元素变成用户可编辑。2、给
input标签placeholder的获得
java_jack1的博客
01-18 7601
&lt;input  id="search"  name="search"  placeholder="请输入搜索内容"    /&gt; 获取placeholder值：var placeholder= $("#search").attr("placeholder"); placeholder属性作为提示信息，提示输入 场景：在某些搜索框中会只能推荐一些关键字，如果不输入内容直接搜索，p
Wdatepicker日期控件存数据
qq_36457584的博客
01-14 224
<input placeholder="合同结束日期" type="text" id="registerEndDate" name="registerDate" class="Wdate" @click="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss', onpicked: function () {var value = $('#registerE...
input placeholder required ：为表单项加上默认的文字提示和必填属性
weixin_30800807的博客
08-18 761
如下： <input type="text" placeholder="用户名" required="required" /> <input type="password" placeholder="密码" required="required" /> 如图 点击输入框时，文字会自动消息。免js. placeholder属性特别对于密码框...
获取input标签的所有属性的方法
09-02
本篇文章将详细介绍如何获取`<input>`标签的所有属性，以及提供两种不同的实现方法。 1. **jQuery方法**： jQuery是一个流行的JavaScript库，它简化了DOM操作。要获取`<input>`标签的特定属性，可以使用`attr()`...
HTML5里的placeholder属性使用实例和美化显示效果的方法
01-21
placeholder属性能够让你在...你也看见了，需要做的只是在文本框的声明标签上加入placeholder属性。完全不需要JavaScript来创造这种效果。 检查浏览器是否支持Placeholder属性 因为placeholder是一种新属性，很有必要
jquery.placeholder.js:IE下实现HTML5 input标签的placeholder属性的jQuery插件
05-16
jquery.placeholer.js IE下实现HTML5 input标签的placeholder属性的jQuery插件 这是一个用来在IE10之前的IE浏览器下模拟HTML5 input...引入jquery.placeholder.js，在input标签中写上placeholder属性即可。 demo地址：
Html_input
03-30
在本教程中，我们将深入探讨`<input>`标签的各种属性、类型及其在实际应用中的作用。 1. **输入类型（type属性）**： `<input>`标签的`type`属性定义了输入字段的类型，如文本、密码、复选框、单选按钮等。常见的...
input点击后placeholder中的提示消息消失
11-22
在HTML5中，`placeholder`属性是一个非常实用的功能，它允许开发者在输入框`<input>`内设置一个提示性文本，通常用来表明用户应该输入何种类型的资料。然而，不同的浏览器对`placeholder`属性的支持和行为可能有所...
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 739
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
HTML5 placeholder(空白提示) 属性
weixin_34144450的博客
08-06 336
原文地址：HTML5′s placeholder Attribute 演示地址:placeholder演示 原文日期： 2010年08月09日 翻译日期： 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的，有些是JavaScript APIs形式的,但都很有用。其中我最喜欢的一个就是为input元素引入了placeholder属性...
【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-19 5320
一、HTML5 新增 input 表单属性 1、required 属性 2、placeholder 属性 3、autofocus 属性 4、autocomplete 属性 5、multiple 属性
【每日十分钟前端】基础篇10，placeholder属性、css3新特性、多行字符串声明
u013035708的博客
03-07 813
1、placeholder 属性有什么作用？ 2、css3新特性 3、多行字符串的声明有哪几种常见写法？
HTML的placeholder标签
mll999888的专栏
05-11 1444
HTML 5 placeholder 属性 HTML 5 标签 实例 带有 placeholder 文本的搜索字段： placeholder="Search W3School" /> 亲自试一试 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，
html的placeholder为表单,在html5中placeholder的作用
weixin_42442958的博客
06-16 4092
HTML里input标签里的placeholder、for属性的作用？placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，， 不过兼容性还不太好，至少ie好像要9以上才能支持，。HTML里input标签里的placeholder、for属...
placeholder是htm5的新标签，只有在HTML5 的文档声明下才能识别，否则会报错
qq_26106119的博客
09-07 464
placeholder是htm5的新标签，只有在HTML5 的文档声明下：即才能识别，否则会报错 1.placeholder：用于在文本框里显示提示信息 2.在 HTML 4.01 中有三种 声明。在 HTML5 中只有一种：即 由于placeholder是htm5的新标签，原来的HTML 4.01 识别不了所以才会报错，提示Undefined attribute name (plac...
HTML <input> 标签 举例
03-11
可以举例说明HTML <input> 标签的用法和属性，例如<input type="text" name="username" placeholder="请输入用户名">，这是一个文本输入框，其中type属性指定了输入框的类型为文本，name属性指定了输入框的名称为username，placeholder属性指定了输入框的提示文字为“请输入用户名”。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值