分步指南 - 带动画的输入

痛定思痛。 2023-10-13 15:35 163阅读 0赞

超文本标记语言

对于 HTML,我们需要一个带有输入和带有“编辑”svg 按钮的容器。

单击按钮将触发切换。

  1. <div class="container">
  2. <input type="text" class="input">
  3. <button onclick="toggle()" class="edit">
  4. <svg
  5. xmlns="http://www.w3.org/2000/svg"
  6. height="15"
  7. fill="none"
  8. viewBox="0 0 24 24"
  9. stroke="#02a8f4"
  10. stroke-width="2">
  11. <path
  12. stroke-linecap="round"
  13. stroke-linejoin="round"
  14. d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
  15. </svg

发表评论

表情:
评论列表 (有 0 条评论,163人围观)

还没有评论,来说两句吧...

相关阅读