Using the <input> tag, Two <input type="text"> tags on the same page. |
Using the <input> tag, Two <input type="text"> tags on the same page. |
Rayj00 |
Jun 1 2020, 12:46 PM
Post
#1
|
Group: Members Posts: 6 Joined: 1-June 20 Member No.: 27,369 |
I admit I am not a seasoned website developer, so have mercy on me! So, I have two <input type="text"> on the same page. Here is the first one: CODE <input type="text" id="broadcast-id" value="room-xyz" autocorrect=off autocapitalize=off size=20> <button id="open-or-join">Open or Join Broadcast</button> And here is the second one: CODE <div> <h2>Messages</h2> <ul></ul> </div> <form action=""> <input class="msgs" type="text" id= 'msgs' /> <button>Send</button> </form> So the first one works fine. But the second one grabs the text from the first one instead of what is typed in it's own text box. I am using some sample code to add a messaging option in the page from https://www.ably.io/concepts/socketio Any ideas why the second input is grabbing the first input text? Thanks, appreciate your response. Ray |
CharlesEF |
Jun 2 2020, 12:51 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Christian J, The 1st post showed the input with the class 'msgs', which is not 'msg'. The OP changed the HTML when he posted the 2nd example.
This post has been edited by CharlesEF: Jun 2 2020, 12:53 PM |
Christian J |
Jun 2 2020, 02:01 PM
Post
#3
|
. Group: WDG Moderators Posts: 9,661 Joined: 10-August 06 Member No.: 7 |
Christian J, The 1st post showed the input with the class 'msgs', which is not 'msg'. Actually there's one INPUT with the ID "broadcast-id", and another with both CLASS and ID value "msgs". But the OP also needs to use the proper syntax for the CLASS or ID in the querySelector. QUOTE The OP changed the HTML when he posted the 2nd example. True, both the CLASS and ID are missing there. |
Lo-Fi Version | Time is now: 27th April 2024 - 04:53 AM |