如何设置input默认值，点击清除，离开恢复？

最新推荐文章于 2024-08-12 12:31:02 发布

大橘子

最新推荐文章于 2024-08-12 12:31:02 发布

阅读量4k

点赞数

分类专栏：前端

前端专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了如何在HTML中设置input输入框的默认值，并在聚焦时清除，离开时恢复原值。同时，展示了CSS中实现文字两端对齐的方法，包括在不同浏览器下的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何设置input默认值，点击清除，离开恢复？

答：<input type="text" class="top_txtbox" size="19" value="请输入您要搜索的内容" οnfοcus="if (value =='请输入您要搜索的内容'){value =''}" οnblur="if (value ==''){value='请输入您要搜索的内容'}" />

9.css中如何设置文字两端对齐？
答：text-align:Justify(火狐);text-justify:inter-ideograph(IE)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大橘子

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

伪元素使用——字体图标（以阿里巴巴矢量图标库为例）

m0_55916923的博客

05-28

3073

1.在阿里巴巴矢量图标库中，找到你喜欢的字体图标，选择添加入库（即购物车图标） 2.点击在页面右上方的“购物车” 3.选择“添加到项目”，（没有项目可以创建一个） 4.进入项目之后，选择“Font class”模式，再点击下载至本地5.在你要用的项目目录下新增一个名为iconfont的文件夹，（这里我选择项目中的css文件夹中） 6.解压刚刚下载的压缩包，将iconfont文件放入到项目的css文件中，而后四个文件放入到刚刚新增的iconfont文件中（简单点的话，可以把整个解压..

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

CSS 伪类和伪元素

最新发布

weixin_44152104的博客

08-12

1276

伪类是选择器的一种，它用于选择处于特定状态的元素。比如当它们是这一类型的第一个元素时（:first-child），或者是当鼠标指针悬浮在元素上面的时候（:hover）。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。伪类是以开头为冒号的关键字：:first-child。

伪元素 添加字体图标案例

Write less，do more

06-24

1518

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> @font-face

字体图标的使用

m0_58467224的博客

06-09

字体图标

在伪元素中如何使用字体图标

A_hapiness的博客

06-17

1141

在伪元素中如何使用字体图标

【CSS3】CSS3 伪元素字体图标 ( 生成 icommon 字体文件 | 字体图标基本使用 | 使用伪元素实现 icommon 字体图标显示 )

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

04-20

1253

一、icommon 字体图标基本使用 1、生成 icommon 字体文件 2、字体图标基本使用二、使用伪元素实现 icommon 字体图标显示

伪元素选择器使用场景——阿里图标字体

YuKing_HONG的博客

11-21

294

效果如下，制作一个下拉框，箭头用字体库做。

使用CSS伪元素实现文字部分变色的方法

09-25

这可以通过CSS伪元素来实现。本文将详细介绍如何利用CSS的`:before`和`:after`伪元素来达到这样的效果，并提供相关的基础知识讲解。首先，让我们理解CSS伪元素的概念。伪元素是CSS中用于选择文档中的某些特定部分...

详解CSS 伪元素及Content 属性

09-22

CSS伪元素是一种特殊的CSS选择...综上所述，CSS伪元素是CSS强大的工具之一，它允许我们以高效和灵活的方式扩展HTML文档的呈现。正确地使用伪元素可以大幅提高网页设计的可维护性和可读性，同时也能带来更好的用户体验。

css图标字体用伪元素 伪类设置图标字体 font awesome

m0_47001401的博客

07-12

1265

字体 font-awesome 的使用用伪元素设置图标字体通过实体设置图标字体

使用CSS3伪元素引入阿里巴巴的字体图标

qq_42919799的博客

11-04

975

使用CSS3伪元素引入阿里巴巴的字体图标 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 1.需要引入文件 -

css进阶篇（浮动、定位、垂直居中、选择器、伪元素添加字体图标）

weixin_43847807的博客

10-20

809

定位浮动篇定位相对定位绝对定位固定定位粘性定位定位相对定位绝对定位固定定位粘性定位

css3伪元素字体图标

weixin_42378409的博客

03-16

314

利用伪元素制作字体图标并且鼠标经过时改变

qq_41994014的博客

11-05

1243

1、下载字体图标 2、将解压的项目放入到本地项目 3、在解压后的iconfont.css文件引入到自己的项目中 4、利用伪元素（此处用的after）来制作字体图标 .box::after { position: absolute; right: 20px; top: 10px; content: "\e60c"; font-family: "iconfont";

伪元素选择器字体属性文本属性

starry__sty的博客

09-14

500

伪元素选择器(style里) 1:未激活的状态用此样式 a:link {color:red;} 2:激活后的状态用此样式 a:visited{color:cyan;} 3:鼠标悬浮的状态用此样式 a:hover{color:cyan;} 4:鼠标按住时用此样式 a:active{color:cyan;} 字体属性（style里）字体：样式，加粗，大小，族科，颜色（顺序不能变）； {font:intalic,bold ,40px ,'楷体',color：red} 分开写： a{ font-size:4

使用::before与::after伪元素插入图标

weixin_44286392的博客

08-04

1564

效果图：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>before-after</title> <style> div{margin:50px;} div::before{ content:url(hpu.ico); position:relative; bottom:-10px; left:-

css中before的用法

qq_45973155的博客

06-18

989

是一个伪元素，它允许你在元素的内容之前插入内容。这个伪元素非常有用，因为它允许你添加装饰性的内容、图标、计数器或其他视觉元素，而不需要额外的HTML元素。伪元素的一些常见用法。实际上，由于它的灵活性和创造性，你可以用它来实现各种各样的效果和布局。

Hexo博客开发之——V7.1.1升级到V7.8.0

我的博客

08-12

645

一概述旧版本存在博客数量过多编译时间过长现象，且可能因为文件过多存在编译时出现JavaScript heap out of memory问题，故本次升级到最新稳定版(V7.8.0) cole主题安装npm依赖最新检测工具修改项目下的_config.yml(与v7.1.1相比) 修改themes/next下的主题  二 cole主题打开hexo-theme-next网址，查看说明向导打开博客目录，执行gi

css---伪类使用字体图标（iconfont/FontAwesome）等

weixin_44875693的博客

04-12

1419

1.找到要使用图标的Unicode字符 2.代码中添加 .el-form-item__error:before { content: '\f06a'; font-family: FontAwesome; //FontAwesome图标 } &::after { content: '\e60b'; font-family: "iconfont"; //iconfont 图标

CSS3技巧：利用after伪元素实现搜索图标

在所有的CSS伪元素中，“:before”和“:after”是最为常用的。这两个伪元素被用来在元素的内容前面或后面添加内容。与常规的HTML元素不同，伪元素是根据CSS规则生成的，这意味着它们不会出现在DOM中，因此，它们不会...

如何设置input默认值，点击清除，离开恢复 ？

如何设置input默认值，点击清除，离开恢复？