HTML <input> placeholder 属性

最新推荐文章于 2024-07-29 09:25:14 发布

转载最新推荐文章于 2024-07-29 09:25:14 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuyuwuyueping/p/9023351.html

本文介绍了 HTML 中 input 标签的 placeholder 属性使用方法及示例。placeholder 属性可在输入框为空时显示提示信息，帮助用户理解应输入的内容类型。

1、用法

placeholder 属性用于给 <input>标签输入字段为空时，提供提示信息hint

2、举例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>input 标签 placeholder属性</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>
<body>
    <form>
        <input type="text" name="username" placeholder="input your name:"/>
        <input type="button" value="提交" />
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/wuyuwuyueping/p/9023351.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33717117

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML 标签属性——＜a＞、＜img＞、＜form＞、＜input＞、＜table＞标签属性详解

Allen-

11-02

1185

HTML元素除了可以使用全局属性外，还有许多特定于某些元素的属性。这些特定属性能够极大地增强元素的功能性和用户体验。

【HTML】＜input＞元素详解

最新发布

lph159的博客

02-20

1228

input>元素是 HTML 表单中最常见的元素之一，用于创建各种类型的输入控件，供用户输入数据。它是一个自闭合标签，通常嵌套在<form>元素中，以便在表单提交时传递用户输入的数据。

参与评论您还未登录，请先登录后发表或查看评论

【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )

让学习成为一种习惯 ( 韩曙亮の技术博客 )

04-19

6661

一、HTML5 新增 input 表单属性 1、required 属性 2、placeholder 属性 3、autofocus 属性 4、autocomplete 属性 5、multiple 属性

HTML5新增的input元素属性：placeholder、required、autofocus、min、max等

pan_junbiao的博客

07-08

1520

HTML5 大幅度地增加与改良了 input 元素的属性，可以简单地使用这些属性来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。 placeholder 属性：当用户没有输入值时，输入型控件可以通过placeholder 属性向用户显示描述说明或者提示信息。使用placeholder 属性只需要将说明性文字作为该属性的值即可。除了普通的文本输入框，email、number、url 等其他类型的输入框也都支持placeholder 属性。

html input placeholder,HTML Input Text placeholder用法及代码示例

weixin_42614269的博客

06-16

548

HTML DOM中的Input Text Placeholder属性用于设置或返回文本字段的placeholder属性的值。占位符属性指定描述输入字段的期望值的简短提示。在用户输入值之前，该字段会显示简短提示。用法:它返回输入文本占位符属性。passwordObject.placeholder它用于设置输入文本占位符属性。passwordObject.placeholder = text属性值：它...

weixin_63189859的博客

11-14

567

不过，当盒子不设置宽度时，padding 不会撑开盒子（不会影响实际大小）喔。代码：文本框作用：主要用于 input表单标签中获取光标焦点。作用：用于 input表单标签文本框内文字提示。注意：外边距会影响盒子实际大小，单位：px。作用：主要用于设置背景(没有顺序)注意：一般代码前都带有以下两行代码。注意：内边距会影响盒子实际大小。注意：边框会影响盒子实际大小。作用：设置盒子模型的内边距。作用：设置盒子模型的外边距。作用：设置盒子模型的边框。

【HTML+CSS】HTML ＜input＞元素详解：类型与常用属性

Xiaoxin的博客

07-29

3111

在HTML中，元素是最常用的表单元素之一，它允许用户输入数据。元素极其灵活，通过不同的type属性，它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时，它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。

HTML常用标签-----例如＜p＞＜img＞＜li＞等

qq_56798763的博客

07-04

1154

1.HTML5头部结构【DOCTYPE html】声明文档类型为HTML5文件。文档声明在HTML5文档必不可少，且必须放在文档的第一行。【meta标签】 1.charset属性：单独使用，设置文档字符及编码格式。写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体中文 UTF-8:万国码 Unicode码，基本兼容各国语言文字 2.http-equiv属性：需配合c..

HTML5 ＜iframe＞标签、HTML5 ＜input＞标签

thgj0006的博客

04-12

1176

iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。标签规定了用户可以在其中输入数据的输入字段。元素在元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。

使用placeholder属性设置input文本框的提示信息

11-21

实例带有 placeholder 文本的搜索字段： <form action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="Search W3School" /> <input type="submit" /> </form> 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, searc

input中的placeholder属性

qq_1240545777的博客

03-19

8199

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。使用：效果图：当因为用户名或密码错误，想子啊input中提示的时候，首先应该吧input....

前端 html input标签 placeholder属性标签上显示内容

weixin_30797199的博客

10-23

459

前端 html input标签的placeholder属性标签上显示内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </hea...

input-placeholder

sbdd6556的博客

06-23

957

input标签的placeholder属性的作用是：在用户输入前，做出相应的提示。 <input name="uname" type="text" placeholder="用户名"> placeholder属性：在用户输入前提示用户

HTML中inputcss样式详解,HTML中input的placeholder属性的CSS样式定义

weixin_42223120的博客

06-29

1543

在HTML中input的有个placeholder属性，它可以让我们在写表单时给每个input的元素做个提示，让用户知道这个输入框什么作用，该输入什么样的数据，很是人性化，但我们在定义input的placeholder属性时，它的默认样式本人感觉是非常的难看，为此我这个半调子的HTML代码君，百度了一下，找到了如何利CSS来给这个input的placeholder属性定义样式利用css定义inpu...

认识input输入框的placeholder属性

weixin_30654419的博客

06-18

3459

我们来认识下input输入框的placeholder属性。 placeholder 属性提供可描述输入字段预期值的提示信息。(placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password) 该提示会在输入字段为空时显示，并会在字段获得焦点时消失（IE10+获取焦点消失，Chrome，F...

html5中input框中颜色怎么写,HTML5中input的placeholder颜色设置及兼容性解决方案_蓝戒的博客...

weixin_42135754的博客

05-31

1124

1、placeholder是什么？placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点(或输入内容)时，提示文字消失。例如下文本框文字效果2、placeholder的浏览器兼容性和在不同浏览器下的表现由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？目前最...

PlaceHolder的两种实现方式，表单

shilianweiyao的专栏

05-23

970

目前浏览器的支持情况浏览器 IE6/7/8/9 IE10+ Firefox Chrome Safari 是否支持 NO YES YES YES YES 然而，虽然IE10+支持placeholder属性，它的表现与其它浏览器也不一致 IE10+里鼠标点击时（获取焦点）placeholder文本消失Firefox/Chrome

修改input输入框的提示文本placeholder样式

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

08-15

5910

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv=...

HTML5 <input> 新增属性详解

HTML5为`<input>`元素引入了许多新的属性，这些属性极大地增强了表单控件的功能和用户体验。以下是这些新特性的详细介绍： 1. **autocomplete**：这个属性控制是否显示与用户当前输入相匹配的历史记录。例如，在...