HTML placeholder 属性

实例 1

带有 placeholder 文本的两个输入字段:

尝试一下 »

placeholder 文本也可以指定颜色。

实例 2

带有 placeholder 文本设置颜色:

尝试一下 »

浏览器支持

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。

注意:Internet Explorer 9 及之前的版本不支持 标签的 placeholder 属性。

定义和用法

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。

该提示会在用户输入值之前显示在输入字段中。

注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

HTML 4.01 与 HTML5之间的差异

placeholder 属性是 HTML5 中的新属性。

语法

属性值值描述

text规定可描述输入字段预期值的简短的提示信息。

HTML 标签

html placehonlder属性,HTML input placeholder 属性相关推荐

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

    Input placeholder属性样式修改(颜色,大小,位置) input::-webkit-input-placeholder {/* placeholder颜色 */color: #aab2b ...

  2. HTML 5 input placeholder 属性

    <input placeholder="请先选择组织" type="text" value="" </input> pla ...

  3. HTML搜索框中加入提示文字,HTML 5 input placeholder 属性 实现搜索框提示文字点击输入后消失 - 尚码园...

    H5以前要实现这个功能还要用到JS,H5出来以后新增长了placeholder属性,有了这个属性就就能轻松实现这个功能.post 定义和用法 placeholder 属性提供可描述输入字段预期值的提示 ...

  4. html 设置readonly属性,HTML: input readonly 属性

    在线示例 带有只读输input输入框的 HTML 表单: 示例html> HTML: readonly 属性 - 基础教程网(nhooo.com) Email: Country: 测试看看 ‹/ ...

  5. 图文详解placeholder属性的使用方法以及如何修改placeholder的默认样式

    在页面布局时经常会用到input输入框,有时为了提示用户输入正确的信息,需要用placeholder属性加以说明.这篇文章就和大家讲讲placeholder属性怎么用以及如何修改placeholder ...

  6. 表格、表单、HTML标记语言以及使用canvas来画图 input新属性

    三  内容大纲 今天讲的内容大致为表格.表单.HTML标记语言以及使用canvas来画图,表格中用table标签来书写,其中包含tr.th.td元素来构建表格,还可使用colspan来进行行合并,用r ...

  7. html里的input属性,HTML中强大的input标签属性

    用了许久的html,这个标签是最常用的标签之一. 标签中type属性是必不可少的,以往我最常用的有 type="text"(单行文本输入) 类型. type="butto ...

  8. input眼睛显示 vue_修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标...

    一.修改input元素placeholder属性样式 在做项目的时候,一般表单元素的placeholder属性样式都是使用浏览器默认的,但有时候为了追求设计上的美感需要修表单元素的placeholde ...

  9. Input 框中的 placeholder 属性获取焦点清空

    本人在开发一个微信小程序时,遇到如下问题: input 框获取了焦点,但是 placeholder 属性的值却仍然还在,必须输入任意数据后,该值才会隐藏,这会给用户一种不好的体验效果. 理想效果应为: ...

最新文章

  1. os.environ[CUDA_DEVICE_ORDER] = PCI_BUS_ID os.environ[CUDA_VISIBLE_DEVICES] = 0
  2. 【ASP.NET】免费的WebConfig编辑工具
  3. 微娱推客——青龙羊毛
  4. Flink SQL Client注册Python UDF完整流程
  5. 发送附件时,防止文件名中的中文字符变成乱码
  6. [转]使用jQuery获取radio/checkbox组的值的代码收集
  7. 佳能各系列数码相机特点简述
  8. iphone分屏功能怎么用_iPhone终于上线这功能,可惜安卓都用烂了
  9. -le: unary operator expected_【AFM+STM-LE】超经典:研究单分子化学反应引起的光发射ACS Nano...
  10. intptr_t 和 uintptr_t类型使用总结
  11. 搭建本地git代码管理,实现内网Windows进行代码管理
  12. 标题中冒号的用法_如果论文题目中出现冒号,冒号前后两部分内容通常是?
  13. 转载:EditPlus下载安装及使用
  14. 微云php解析源码,微云网盘外链php源码 - 兼容并蓄 - 零零星星 - php - 外链 - 微云 - 源码 - HHTjim'S 部落格...
  15. 虚拟机:TTL 传输中过期
  16. 基于springboot+vue的食疗系统
  17. OpenCV 安卓编程示例:1~6 全
  18. 游戏中常用英文术语(动态更新)
  19. Django 1.4 Python 2.7菜鸟入门
  20. “ORA-28007: the password cannot be reused”解决

热门文章

  1. android图片浏览远近,快图浏览编辑图片方法介绍_怎么编辑图片_3DM手游
  2. TCP Socket 粘包
  3. 如何使用ES6中的参数
  4. MySQL5.7.17的简单配置文件
  5. Apache cxf JaxRs基本应用
  6. ORA-00304: requested INSTANCE_NUMBER is busy
  7. C#_MVC_ajax for form
  8. 为什么用Spring来管理Hibernate?
  9. linux oracle10.2.0.1 lsnrctl无法启动
  10. python小波分析法检测火焰_一种基于小波分析的网络流量异常检测方法