Pasting Text into Multiple Input Fields

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ย. 2024
  • You have likely had to paste a verification code into a web page and seen that code spread across multiple input elements.
    This tutorial explains how that paste operation works as well as letting the user type the code across the multiple inputs without having to manually "Tab" or "click" on the next input.
    Code from video: gist.github.co...

ความคิดเห็น • 12

  • @philipryazankin1073
    @philipryazankin1073 ปีที่แล้ว +1

    Thank you Steve. It's a pleasure to watch your videos!

  • @Fshhady
    @Fshhady ปีที่แล้ว +1

    Thank you Steve for sharing amazing videos like this.

  • @СинийЭкран-т7ю
    @СинийЭкран-т7ю 7 หลายเดือนก่อน

    Great, thanks

  • @shahinza
    @shahinza ปีที่แล้ว

    As always, thank you!

  • @SIELALUCIEN
    @SIELALUCIEN 2 หลายเดือนก่อน

    Steve i am trying the code is not working on my pc though I've not copied your exact content in html

  • @danieldk5148
    @danieldk5148 ปีที่แล้ว

    Thanks, that's helpful!
    And if I want to use "backspace" in the same manner, do I have to use the keydown event on those too? Or is there a way to use the same event?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  ปีที่แล้ว +1

      The backspace will also trigger the input event so, if you want to step backwards removing the values then you could check for that key specifically in the function and move backwards through the array of inputs.

  • @WebDeveloper682
    @WebDeveloper682 ปีที่แล้ว

    hey steve what you think i should learn after events?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  ปีที่แล้ว +1

      Depends on what you have already learned before them.
      There is no one sequence that you have to follow when learning how to program. As long as you keep learning. Gradually you start putting topics together to build more complex things.
      Here is one possible sequence that can be used as an order to learn JS topics
      gist.github.com/prof3ssorSt3v3/572d87b609c01fe960902cd48e7db39e

    • @WebDeveloper682
      @WebDeveloper682 ปีที่แล้ว

      @@SteveGriffith-Prof3ssorSt3v3 steve can you make responsive navigation bar with html css and javascript? and make video about it? it is most commonly used in web developing and for beginners like me its hard to know how to make responsive navigation

  • @miloszivkovic6118
    @miloszivkovic6118 ปีที่แล้ว

    How can I do this in dynamic grid if i want to paste some text (same word) to all empty fields in a column (fields that are left that is not filled).
    I have been serching for a long time, this is closest to my answer tho. I bet its easy but im noob pretty much.