点击按钮文字变成input框,点击保存变成文字的实现

程序猿 • 2025年12月21日 18:07:49 • 好文分享 • 阅读 0

下面为大家带来一篇点击按钮文字变成input框,点击保存变成文字的实现代码。内容挺不错的，现在分享给大家，也给大家做个参考。

点击按钮文字变成input框,点击保存变成文字的实现代码

　　　　　　点击按钮文字变成input框，点击保存变成文字　　　　table{ text-align: center; font-size: 14px;}   　　table>thead>tr>th{ font-weight: normal;}   　　.text-right{ padding-right:73px; text-align: right;}   　　.text{ width: 50px; height: 30px; border: 1px solid #ddd; text-align: center;}   　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　品名 件数
iPhone6s 2
小米5 5
　　　　　　　　　　　　　　　　　　
function change(obj){   　　var xg=$(obj).html();   　　if(xg=='修改'){   　　　　$('.edit').each(function(){   　　　　　　var old=$(this).html();   　　　　　　$(this).html("");   　　　　})   　　　　$(obj).html('保存');   　　}else if(xg=='保存'){   　　　　$('input[name=editname]').each(function(){   　　　　　　var old=$(this).html();   　　　　　　var newfont=$(this).parent('td').parent('tr').children().find('input').val();   　　　　　　$(this).parent('td').html(newfont);   　　　　})   　　　　$(obj).html('修改');   　　}   }

品名	件数
iPhone6s	2
小米5	5

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

关于作者

程序猿签约作者

382.3K 文章

0 评论

1 粉丝

这个人很懒，什么都没有留下～

html标签的基本格式

上一篇 2025年12月21日 18:07:37

关于移动 web 端屏幕适配(rem)的介绍

下一篇 2025年12月21日 18:07:52

好文分享

JS实现改变HTML上文字颜色和内容的方法

这篇文章主要介绍了js实现改变html上文字颜色和内容的方法,涉及js数学运算与页面元素动态操作相关技巧,需要的朋友可以参考下本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考，具体如下： 1. JavaScript Day 1 // to change the col…

程序猿
2025年12月21日
0000
利用纯CSS实现动态的文字效果实例

相信大家都曾在网站中看到过中效果，一打开页面，无论是文字还是图片，都随着规定时间的而变化，今天我们将介绍如何通过用纯css来实现这种效果，下面一起来看看。大家可能经常会看到酷炫的网站在这类网站中能看到，一打开页面，无论是文字还是图片，都随着规定时间的而变化。原理很简单，主要用到CSS中anima…

程序猿
好文分享 2025年12月21日
0000
好文分享

HTML代码制作滚动文字

这篇文章主要介绍了关于html代码制作滚动文字，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。制作滚动文字通过本章前面的学习，读者已经能够很好地控制各种段落文字…

程序猿
2025年12月21日
0000
好文分享

html如何只显示部分td文字

这篇文章介绍的内容是html如何只显示部分td文字，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下可以直接这样写： for( var i=0;i<team.makeup_newsList.length;i++){var newsresult=team.makeup_newsLi…

程序猿
2025年12月21日
0000
Html中有哪些标记文字注释的符号

这次给大家带来html中有那些标记文字注释的符号，使用html中的标记文字注释的符号的注意事项有哪些，下面就是实战案例，一起来看一下。 HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代…

程序猿
好文分享 2025年12月21日
0000
怎么在HTML中隐藏一段文字

这次给大家带来怎么在html中隐藏一段文字，在html中隐藏一段文字的注意事项有哪些，下面就是实战案例，一起来看一下。文字隐藏代码，在HTML中隐藏某段文字需要隐藏的文字……. 隐藏文字相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！相关阅读： html里怎样实现…

程序猿
好文分享 2025年12月21日
0000
怎样解决在html中竖列文字竖列显示不全的问题

这次给大家带来怎样解决在html中竖列文字竖列显示不全的问题，解决在html中竖列文字竖列显示不全的问题的注意事项有哪些，下面就是实战案例，一起来看一下。代码如下: 文字测试显示效果：文字测试如果是英文字母、数字的话会显示这种效果文字 zzzzzzz 123435 相信看了这些案…

程序猿
好文分享 2025年12月21日
0000
怎样修改输入框的默认文字颜色

这次给大家带来怎样修改输入框的默认文字颜色，修改输入框的默认文字颜色的注意事项有哪些，下面就是实战案例，一起来看一下。 html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如：默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方…

程序猿
好文分享 2025年12月21日
0000
怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

这次给大家带来怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果，实现实现点击按钮文字变成input框,点击保存变成文字效果的注意事项有哪些，下面就是实战案例，一起来看一下。　　　　　　点击按钮文字变成input框，点击保存变成文字　　　　table{ text-align…

程序猿
好文分享 2025年12月21日
0000
html怎样在消息按钮上增加数量角标

这次给大家带来html怎样在消息按钮上增加数量角标，html在消息按钮上增加数量角标的注意事项有哪些，下面就是实战案例，一起来看一下。 onclick=”goMessage();” style=”width: 60px;height: 100%;color: wh…

程序猿
好文分享 2025年12月21日
0000
Dreamweaver设计简单的导航按钮方法教程

本文和大家分享dreamweaver设计简单的导航按钮方法，dreamweaver怎么设计简单的导航按钮？一般网页中都有导航栏或者导航按钮，该怎么制作导航按钮呢？下面我们就来看看详细的制作方法，需要的朋友可以参考下，希望能帮助到大家。设计网页的时候，想要添加导航按钮，该怎么制作导航按钮呢？下面我们…

程序猿
2025年12月21日 • 好文分享
0000
好文分享

html实现在消息按钮上增加数量角标的实现代码

我们知道微信或者qq在有未读消息的时候，就会有红色的数量提示，本文主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下，希望能帮助到大家。 html代码：消息4 css代码： /*角标 */ .ii{ display: none; background: #f00; bord…

程序猿
2025年12月21日
0000
怎样用CSS隐藏图片背景的文字内容

这次的案列是怎样用css隐藏图片背景的文字内容，我们先使用使用background背景是将图片设为背景显示；然后使用text-indent缩进是隐藏a链接内容和链接标签是对文字设置锚文本链接。下面就是实例案列。实例案例描述这里便于观察CSS DIV案例效果，我们就来实现的网站的布局。扩展阅读：…

程序猿
好文分享 2025年12月21日
0000
HTML里的最后一行文字显示不全怎么处理

在我们的网页里，布局中文字内容超出div或显示一半显示不全，那么我们要怎么进行解决呢？今天就给大家点来最后一行文字显示不全的处理方法。 div css布局中DIV盒子里的最后一排文字字体显示一半显示不全如何进行解决？或者最后一排文字内容超出DIV边框，最后一排内容显示与隐藏如何控制和取舍的CSS布局…

程序猿
好文分享 2025年12月21日
0000
好文分享

HTML5文字弹幕效果

html5文字弹幕效果，挺有意思的，对html5感兴趣拿去研究，学习学习html5. 实现演示：代码演示： PHP中文网–HTML5文字弹幕效果代码*{margin:0;padding:0;list-style: none;border:0;}body{background: #bcbcbc;}…

程序猿
2025年12月21日
0000
html中在松开鼠标按钮时触发的事件属性onmouseup

实例当在段落上松开鼠标按钮时执行 javascript： Click the text! 浏览器支持 IE Firefox Chrome Safari 立即学习“前端免费学习笔记（深入）”； Opera 所有主流浏览器都支持 onmouseup 属性。定义和用法 onmouseup 属性在松开鼠…

程序猿
好文分享 2025年12月21日
0000
好文分享

html中textarea输入框提示文字必须添加默认内容的完美解决

完美解决textarea输入框提示文字，必须添加默认内容有placeholder标签，可以添加提示文字，但是没有，一般来说我们是把提示内容写在外面，如下图：当然，这样的布局并不是最想要的效果，最想要的是文字显示在输入框内，点击输入框时隐藏，离开输入框时，如果输入框没有内容，又显示提示: 网上…

程序猿
2025年12月21日
0000
iPhone 17 Pro先用：苹果可能将操作按钮与音量键合并！

10月2日消息，据媒体报道，最新爆料称，苹果计划在iphone 17 pro机型上将操作按钮与音量键合并。苹果一直在为iphone系列推出新的按键，去年推出了新的操作按钮，今年又推出了新的相机控制键。在iphone 17的设计中，苹果计划保留相机控制键，并将操作按钮移至手机另一侧，同时将操作按钮的功…

程序猿
2025年12月1日 • 行业动态
0000
文字语义理解技术中的语义角色标注问题

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ 文字语义理解技术中的语义角色标注问题，需要具体代码示例引言在自然语言处理领域中，文字语义理解技术是一项核心任务。其中，语义角色标注是一种重要的技术，用于识别句子中的每个词语在上下文中的语义角…

程序猿
2025年11月28日 • 科技
0000
电源按钮在iPhone上不起作用：修复

%ignore_a_1%按钮在您的 iphone 上无法正常工作吗？电源按钮的无功能可能很烦人。虽然您可能不会经常关闭或重新启动iphone，但该按钮的主要目的是锁定和唤醒设备。不用担心。即使按钮不起作用，您也可以制定一个非常好的替代解决方案来解决这种电源按钮危机。修复 – 1尝试使用电源按钮尝…

程序猿
2025年11月25日 • 手机教程
0000

发表回复

登录后才能评论

点击按钮文字变成input框,点击保存变成文字的实现

关于作者

相关推荐

发表回复