怎么调input搜索框边框颜色(使用placeholder属性设置input文本框的提示信息)
类别:Web前端 浏览量:1353
时间:2021-10-09 00:11:21 怎么调input搜索框边框颜色
使用placeholder属性设置input文本框的提示信息实例
带有 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, search, url, telephone, email 以及 password。
下面看下使用placeholder属性设置input文本框的提示信息
input文本框中设置提示信息,可以使用placeholder属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" placeholder="请输入用户名"value="" /> </body> </html>
结果就是这样,有当文本框内容为空时就显示提示信息,当输入内容时提示内容就消失了
placeholder和value属性的区别是,value属性设置的直接是文本框中的内容
总结
以上所述是小编给大家介绍的使用placeholder属性设置input文本框的提示信息,希望对大家有所帮助,也非常感谢大家对开心学习网网站的支持!
您可能感兴趣
- html如何定义添加的图片的宽和高(为何img、input等内联元素可以设置宽高)
- 怎么调input搜索框边框颜色(使用placeholder属性设置input文本框的提示信息)
- html5怎么设置左边input(HTML5中input输入框默认提示文字向左向右移动的示例代码)
- 宝塔面板错误代码3(宝塔面板打开网站No input file specified如何解决?)
- js 图片编辑处理库(javascript input图片上传及预览,FileReader预览图片)
- html5input标签的默认属性(移动端HTML5 input常见问题小结)
- HTML5中新增的Input类型
- sqlserver中的存盘按钮在哪(SQL Server 2016里的sys.dm_exec_input_buffer的问题)
- mvc中validateinput属性失效
- input的autocomplete="off"属性
- elementui下拉框联动(Element树形控件整合带图标的下拉菜单tree+dropdown+input)
- 菲律宾安全吗(菲律宾安全吗2023)
- 彩礼重要吗()
- 写信告诉我今天海是什么颜色(写信告诉我今天海是什么颜色回答)
- 英语难学吗(法语比英语难学吗)
- 今天要吃什么(今天要吃什么菜好)
- 网红直播可以赚很多钱吗(网红直播可以赚很多钱吗)
热门推荐
- 部署ssis包提示更改保护级别(SSIS 延迟验证方法)
- dedecms联动使用教程(dedecms联动类别的图文使用方法)
- h5前端入门(前端H5 Video常见使用场景简介)
- 去除网页滚动条
- navicat中如何使用sql语句(Navicat Premium操作MySQL数据库执行sql语句)
- html怎么使用css居中(HTML+CSS实现单列布局水平居中布局)
- jquery实现页面滚动时自动加载内容
- 怎么删掉laravel(laravel-admin的图片删除实例)
- dedecms文章点击量(Dedecms文章标题及文章摘要长度修改的方法)
- css before和after(CSS中灵活使用:before和:after)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9