当前位置: 首页 > learning > 正文

最近注意到输入框,包括搜索框的底部文字,点击后都是仍然显示,直到输入文字后才替换覆盖。而我的“林三随笔”用的搜索框是鼠标点击后消失底部文字,用户体验确实差了那么一点点呢。

zblogasp常用的搜索代码是:

  1. <input type=“text” name=“edtSearch” id=“edtSearch” size=“14” onblur=“if (this.value==”) this.value=’童鞋,搜搜更健康哟…’;” onclick=“if (this.value==’童鞋,搜搜更健康哟…’) this.value=”;” value=“童鞋,搜搜更健康哟…” style=“color:#888;”/>

将其替换成这个代码即可:

  1. <input type=“text” name=“edtSearch” id=“edtSearch” size=“14” placeholder=“童鞋,搜搜更健康哟…” style=“color:#888;”/>

当然,今天要说的重点不是上面,而是我研究offodd的主题时候发现,大家都是有底部提示文字的,但是相同的代码,为嘛我的博客就没有显示?(最开始我还以为是offodd的设计没有考虑)

主题使用的地址是 xx.maosay.com ,知道的请给林三提示,这里感激不尽!然后就是评论输入框还有段 value=”***” required 代码,好像是获取保存信息的,搜索框是不需要的吧。

PS:主题作者的网址:https://www.offodd.com

关于OFFODD的Initial主题之评论框:目前有9 条评论

  1. 5楼
    演员

    确实好看多了!

    2018-12-30 下午9:47 回复
  2. 4楼
    公子

    效果挺好

    2019-01-02 下午7:30 回复
    • LinSan

      欢迎新童鞋来访~

      2019-01-07 下午7:22 回复
  3. 地板
    LinSan

    感谢廖先生的帮忙,原来是我把提示文字设置成了#fff导致看不到,修复css表达后就正常啦!

    2019-01-03 上午8:38 回复
  4. 板凳
    菜鸟日记

    你这个是知更鸟改的吗?

    2019-01-06 下午12:20 回复
    • LinSan

      没错,确实仍然可以看出很多原始元素的。

      2019-01-06 下午10:09 回复
    • LinSan

      邮件回复出了点问题,现在第二次回复你,是根据鸟哥主题改的哟。

      2019-01-07 下午7:49 回复
  5. 沙发
    微信

    写得很好,很喜欢,继续支持

    2019-01-07 下午7:31 回复

发表评论

快捷键:Ctrl+Enter