input标签placeholder的获得

搜索框Placeholder属性详解

最新推荐文章于 2024-04-18 15:39:08 发布

原创最新推荐文章于 2024-04-18 15:39:08 发布 · 7.9k 阅读

4 ·

CC 4.0 BY-SA版权

本文详细解析了HTML中搜索框的placeholder属性作用及其应用场景。placeholder属性用于提供输入提示信息，当搜索框为空时，该属性的值将作为搜索关键词进行搜索，适用于推荐搜索关键字的场景。

获取placeholder值：var placeholder= $("#search").attr("placeholder");

placeholder属性作为提示信息，提示输入

场景：在某些搜索框中会只能推荐一些关键字，如果不输入内容直接搜索，placeholder的值就直接作为搜索的关键进行搜索

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

@kinggo

关注关注

0
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

pan_junbiao的博客

07-08

1593

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

vue如何获取input框placeholder里的值_VueElement 获取数据

weixin_42098759的博客

01-26

2773

Vue-Element 获取数据本篇简单介绍通过Vue-Element实现获取数据，数据绑定和数据查询。1.通过v-model进行数据绑定。2.通过el-form设置:model,el-form-item设置prop, 实现数据查询。1. 定义queryParam和tableDatadata() { return { // 查询参数 queryPar...

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

javascript获取input accept和placeholder值

易查薪

03-16

1650

javascript获取input accept和placeholder值

input中placeholder属性

Aaron Con的博客

05-27

981

注意：IE 9及更早的版本不支持该属性 //列表框输入前默认灰色字体，输内容时字体加黑 <input type="text" name="" id="user_name" placeholder="用户名/学号/手机号"> 可以使用js中的焦点事件完成该功能 1.onfocus获得焦点 2.onblur失去焦点 <script> var text = document.querySelector('input');//获取元素 text.onfocus .

HTML 5 <input> placeholder 属性

weixin_34390996的博客

12-19

110

原文链接：http://www.w3school.com.cn/html5/att_input_placeholder.asp HTML 5 <input> placeholder 属性 HTML 5 <input> 标签实例带有 placeholder 文本的搜索字段： <form action="demo_form.asp" method...

input中的placeholder属性

qq_1240545777的博客

03-19

8246

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

设置input 中placeholder的样式

叶落无痕的博客

04-18

2478

三、HTML input placeholder支持的属性。

input点击后placeholder中的提示消息消失

11-22

例如，IE10及更高版本在输入框获得焦点时会自动隐藏`placeholder`文本，而Firefox、Chrome和Safari则是在用户开始输入时才消失。这种差异可能导致用户体验不一致，特别是对于期望一致性的产品设计而言。为了解决这...

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

11-21

input type="search" name="user_search" placeholder="Search W3School" /> <input type="submit" /> </form> 定义和用法 placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会...

CSS使用placeholder-shown伪类实现输入框浮动文字效果

11-21

为了改善用户体验，我们可以结合`<label>`和`<input>`的`placeholder`属性创建“浮动文字标签”效果。这种效果使得`<label>`标签在用户未输入时隐藏，一旦用户开始输入，标签就会浮现在输入框上方，清晰地标记当前...

input 标签实现输入框带提示文字效果(两种方法)

11-27

HTML5引入了`placeholder`属性，可以直接在`<input>`标签中使用，为输入框提供默认的提示文字。例如： ```html <input type="text" placeholder="用户名或邮件地址" name="username"/> ``` 此方法简单且直观，但在...

认识input输入框的placeholder属性

weixin_30654419的博客

06-18

3486

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

input 的 placeholder 样式

huangpb的博客

09-14

3289

这个伪元素可以改变 input、textarea 占位文本的样式。

input标签的placeholder属性

liang100k的专栏

07-06

1474

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 input标签的placeholder属性配合js 可实现提示信息在输入字段为空时显示，并会在获得焦点时消失。

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

weixin_45242865的博客

08-17

8510

本人在开发一个微信小程序时，遇到如下问题： input 框获取了焦点，但是 placeholder 属性的值却仍然还在，必须输入任意数据后，该值才会隐藏，这会给用户一种不好的体验效果。理想效果应为：input 框一旦获取焦点，就隐藏 placeholder 属性的值。一、在开发微信小程序时的实现方法大致如下： ① wxml 文件中的相关代码首先在 wxml 文件中为 input 标签设置 onfocus 和 onblur 两个事件，且 placeholder 属性的值从 js 文件中的 data

input提升用户输入信息当用户点击时页面消失

itinglight的博客

08-20

1031

方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.

input标签的value、placeholder、name、checked和maxlength属性

rihjyy的博客

02-05

5222

input的其他属性在昨天的的文章中，主要介绍了input标签的type属性，今天就来讲讲其他的属性： 1.value属性： value属性的属性值是用户自定义的，用来规定input元素的默认值，例如：用户名:<input type="text" value="请输入用户名"> 但是实际运用中对于用户名和密码等可以看见的value值我们这样操作就会使用户的体验不是很好，如上图，在输入用户名的文本框中，会出现"请输入用户名"的文本，用户还得自己删掉,所以我们现在使用更多的是placehol

表单标签——input标签的常用属性(name；value；placeholder；method；action；type；checked)详解

qq_51874203的博客

04-23

1482

Input标签属性 1.name:关键词；作用域　　2.type=" text (文本框)/submit (提交按钮)/password (密码域)/ 　　radio (单选框)/checkbox (复选框)/button (普通按钮) 　　reset (重置按钮)/hidden (隐藏域)/ image (图片提交按钮) 　　file (文件域) " 3.value 表单元素的值　　4checked 默认选中 (单选框和复选框) 　　5.placeholder：提示文本　　6.action：

【CSS】如何设置input和textarea标签placeholder属性？

weixin_42137744的博客

08-06

2225

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#666; font-size:0.12rem; }

taro input placeholder 在ios会穿透