Input输入框内提示效果

最新推荐文章于 2023-01-09 12:02:12 发布

置顶聆听HJ

最新推荐文章于 2023-01-09 12:02:12 发布

阅读量3.6w

点赞数 6

分类专栏：表单表格

本文链接：https://blog.csdn.net/weixin_41542329/article/details/78903990

版权

表单表格专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Input输入框内提示效果

要想在input输入框内实现带提示信息的效果，并在输入数据时提示信息自动消失。我们将用到：

placeholder属性：提供可描述输入字段预期值的提示信息。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

注意：

placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

如果input的text属性值为search时，当我们向输入框输入值时，最右端会有一个叉号。如下图：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">

</script>
<body>
	<input type="search" name="user_search" placeholder="请输入"/> 
	
	<input type="text" name="user_text" placeholder="请输入" />   
</body>
</html>

聆听HJ

关注

6
点赞
踩
27

收藏

觉得还不错? 一键收藏
2
评论
Input输入框内提示效果

Input输入框内提示效果要想在input输入框内实现带提示信息的效果，并在输入数据时提示信息自动消失。我们将用到：placeholder属性：提供可描述输入字段预期值的提示信息。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注意：placeholder 属性适用于以下的类型：text, search, url, telephone
复制链接

扫一扫