html5 placeholder与value的区别

定义

首先我们来看一下placeholder在html5中的定义：

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

注意：placeholder是html5中的新属性

我们再来看看value属性在html中的定义：

value 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
type="button", "reset", "submit" - 定义按钮上的显示的文本
type="text", "password", "hidden" - 定义输入字段的初始值
type="checkbox", "radio", "image" - 定义与输入相关联的值注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
注释：value 属性无法与 <input type="file"> 一同使用。

注意

placeholder在input中只是充当占位符的角色，在你input框中的value为空的时候它才会显示出来，但是它本身并不是value，也不会被表单提交。

html5 placeholder与value的区别相关推荐

知乎网解决HTML5 Placeholder的方案
使浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现知乎网的解决方法不错,特记录下. windows系 ...
蛋花花简单阐述HTML5和Web前端的区别
蛋花花简单阐述HTML5和Web前端的区别!据蛋花花了解随着互联网的快速发展,互联网软件开发行业就随之兴起,如今随着HTML5的广泛应用,大家对web前端行业的关注和了解也日渐增多.根据的蛋花花的了解 ...
PlaceHolder和Panel的区别【搜藏】
PlaceHolder和Panel的区别这两个确实都是容器 pannel控件内可以放置任何内容,可能通过enable或visable属性设置控件内容的是否允许操作或是否可以显示,但容器里面的内容不能 ...
html5背景文字,HTML5 Placeholder实现input背景文字提示效果
这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需 ...
HTML5 placeholder在低版本浏览器的解决方法
HTML5 <input>属性placeholder:提供可描述输入字段预期的提示信息.该提示会在输入字段为空显示,并会在字段获取焦点时消失,并且val里的值为空. 但是placehold ...
html5显示字幕信息,HTML5 Placeholder实现input背景文字提示效果
本文作者html5tricks,转载请注明出处这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但in ...
HTML、HTML5、XML、XHMTL区别
一.基本概念 HTML:超文本标记语言(Hyper Text Markup Language),标记语言 (markup language),是网页制作所必备的,,标准通用标记语言下的一个应用.&qu ...
HTML5 Placeholder实现input背景文字提示效果
这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需 ...
html5跟html4有什么区别,Html5和Html4的区别
html5解决了:web浏览器之间的兼容性很低.文档结构不明确等功能.一.Html5和Html4的区别 (1)语法的改变: 内容类型:文件名还是 .html或 .htm:文件类型还是 texttype ...

html5 placeholder与value的区别

定义

注意

html5 placeholder与value的区别相关推荐

最新文章

热门文章