CSS样式的补充：如何设置文本框内的默认文字？

越努力越好

已于 2022-10-20 14:02:46 修改

阅读量2k

点赞数 1

分类专栏： html 文章标签： HTML placeholder 默认文字输入框前端开发

于 2022-10-18 16:20:07 首次发布

本文链接： https://blog.csdn.net/ydc222/article/details/127390899

版权

html 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

如何设置文本框内的默认文字？

效果如图：

下面是源代码。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>placeholder属性</title>
	</head>
	<body>
		<input type="text" placeholder="点击搜索" />
	</body>
</html>

单行文本框

语法：

<input type="text"  />

placeholder属性

设置文本框内默认文字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>placeholder属性</title>
	</head>
	<body>
		<input type="text" placeholder="在这里设置默认文字" />
	</body>
</html>

效果图：

立减 ¥

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

W3school：CSS基础：CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓

薇眠winter的博客

08-04

1389

W3school：CSS基础：CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓

css3 边框、背景、文本效果的实现代码

09-24

CSS3 是一种强大的样式表语言，用于控制网页元素的外观。在本文中，我们将深入探讨 CSS3 中关于边框、背景以及文本效果的实现代码，这些特性为网页设计提供了丰富的视觉效果。一、边框 1. `box-shadow`：这个属性...

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

文本框默认提示文字

12-06

文本框默认提示文字。例如：搜索框中，默认提示：请输入标题搜索。。。之后点击文本框，文字消失。

设置输入框默认文字内容

Byte_Dance的博客

12-25

3393

type="search" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">

input 输入框显示默认文字

Stars_in_rain的博客

08-16

8897

input 输入框显示默认文字我做了一个有下拉框的input输入框组件，在输入框显示默认设置的文字，可以通过设置input的v-model的绑定内容来设置子组件vue： <div class="input-select-container" @blur="onConBlur()" id="input-select-container" > <div class="input-container FlexRow"> &l

如何在input中的文本输入框中添加默认值

weixin_53211817的博客

02-19

1112

我们每次想要给用户呈现一个输入框时，大多数时候会给用户一些提示，方便用户输入我们想得到的信息。这时可以用value属性值来为文本输入框中添加默认值。

input默认显示文字_【CSS】3 元素显示模式

weixin_39564151的博客

12-01

329

元素显示模式：就是元素（标签）以什么方式进行显示，比如<div>自己占一行，一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型。1、块元素常见块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>是最典型的块元素。块元...

纯CSS设置Checkbox复选框控件的样式(五种方法)

09-24

默认的Checkbox样式在不同的浏览器和操作系统中可能有所差异，这可能会导致界面的不一致。通过CSS我们可以自定义Checkbox的样式，使其更符合设计要求和用户体验。一、隐藏原生Checkbox 首先，为了实现自定义的...

我的css框架——base.css(重设浏览器默认样式)

09-22

本文重点介绍的"base.css"是一个基础的CSS框架，其核心目标是重置浏览器的默认样式，确保跨浏览器的一致性。首先，让我们深入理解重置浏览器默认样式的重要性。不同的浏览器对HTML元素的默认样式处理存在差异，这...

css_tricks：一些CSS技巧，一些CSS常用样式

02-05

- 使用媒体查询（`@media`规则）根据设备视口宽度或其他特性应用不同的CSS样式。 - `viewport`元标签和`width=device-width`属性在移动设备上调整页面比例。 5. **颜色与背景**： - 颜色可以使用十六进制、RGB、...

点击输入框默认文字消失效果

01-14

制作点击输入框时默认文字消失的效果 01-鼠标移动上去，边框变红第一种方法 02-鼠标点击选中输入框中的提示信息 03-鼠标移动上去，边框变红第二种方法，鼠标点击选中输入框中的提示信息 04-鼠标点击输入框，提示信息消失

文本框样式默认文本

weixin_30585437的博客

09-05

251

文本框样式默认文本有两种方法： Html代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <h...

第七节 文本框的默认输入设置

热门推荐

qq_41648132的博客

05-16

2万+

引用插件多选<div class="col-md-12"> <input type="text" class="area-duoxuan" placeholder="请选择" data-value="" /> </div>.col-md-12用的是bootstrap样式请选择三个字改成黑色为input:-moz-placeh

输入框显示隐藏默认文本

YuKing_HONG的博客

01-30

387

状态2：鼠标点击后，默认文本消失，出现光标，输入文字是黑色。状态1：显示默认文本，文本颜色灰色。状态3：删除输入的文字后，恢复状态1.

如何设置文本框内的默认文字？

weixin_50357864的博客

11-09

1万+

如何设置文本框内的默认文字？效果如图下面是源代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>placeholder属性</title> </head> <body> <input type="text" placeholder="请输入用户名" /> </body> </htm

如何添加和更改input中默认文字及颜色

qq_49575831的博客

07-30

9728

如何添加和更改input中默认文字及颜色 input中placeholder属性可以添加默认文字，且文字不会提交，代码如下： <input type="text" name="username" placeholder="请输入用户名" value=" " > 默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下： input:-moz-placeholder, textarea:-moz-placeholder { color: #F6F

在css的框中打文字,css 边框上如何写入文字？

weixin_35999303的博客

08-03

7224

方法一：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入html代码：。文字3、浏览器运行index.html页面，此时实现了边框角落开口显示文字。方法二：这个可以通过相对定位使某元素恰好处在div的边框上的方式来实现1position:relative;下面举例说明1234我是边框上的文字我是边框内的文字设置css样式1234...

css文本框中加默认值_如何使用HTML和CSS更改默认文本包装

cune1359的博客

07-03

403

与纸张不同，网页几乎可以无限地横向延伸。令人印象深刻的是，这并不是我们阅读时真正需要的东西。浏览器根据文本容器的宽度和屏幕的宽度来包装文本，以便我们可以看到所有文本而不必向侧面滚动太多（仅向下滚动）。包装是浏览器要考虑的许多因素，例如文本的语言或标点符号和空格的位置-它们不只是按下不适合为文本内容定义的框中的内容。除了包装以外，浏览器还负责这些空间。它们将源代码中的多个连...

CSS样式全解：字体、背景、列表、文本与边框设置

本文将深入探讨CSS（层叠样式表）在字体、背景、列表、文本、表格和边框方面的属性设置，以帮助你更好地理解和应用这些关键概念。 CSS是网页设计中的重要工具，用于控制网页元素的外观。在字体方面，`font-family`...