Unable to key text in text box with Selenium (python)

Question

Given that this is the element of the text box (Got this from Chrome inspect element https://www.mousehuntgame.com/login.php):

<input name="username" class="username" type="text" placeholder="Enter 
your username" onkeyup="app.pages.LoginPage.checkEnter(event, 'login');">

I am trying to input some text into the input box. I searched for the element by name, and used send_keys() to input some text into the text box

elem = driver.find_element_by_name("username")
elem.send_keys("aa")

I receive an exception:

ElementNotVisibleException: Message: element not interactable

I suspect i am not using find_element_by correctly. Where am I going wrong?

Additionally: Is there a way to tell in Chrome what I have selected from a find_element_by method? Is there some sort of method to highlight in the browser, the thing I have selected with my find_element_by method?

Try to wait for visibility of element. Also check whether there is only one input with "username" name: print(len(driver.find_elements_by_name("username"))) — Andersson
– Andersson, Commented Dec 11, 2018 at 10:18
@Gen Tan please upload the url of apge and full error log for the same. — Himanshu Poddar
– Himanshu Poddar, Commented Dec 11, 2018 at 10:26
@Andersson There was indeed more than 1 input with "username" name. How should I define my element more accurately since there is more than 1 input with "username"? Is there anyway to use driver.find_elements_by_name("username")[0] as an input? — Gen Tan
– Gen Tan, Commented Dec 11, 2018 at 10:29

Andersson · Accepted Answer · 2018-12-11 10:48:03Z

4

There are two forms: first for Registration, second - for LogIn... Both have same input field with name "username"

You can use below CSS-selector to select input field in required form:

user_input_register = driver.find_element_by_css_selector("div.register input[name='username']")
user_input_login = driver.find_element_by_css_selector("div.login input[name='username']")

Or you can define forms for further input fields handling:

register = driver.find_element_by_class_name('register')
login = driver.find_element_by_class_name('login')

username_register = register.find_element_by_name('username')
username_login = login.find_element_by_name('username')

edited Dec 11, 2018 at 10:48

answered Dec 11, 2018 at 10:44

Andersson

52.8k18 gold badges83 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Moshe Slavin Over a year ago

Opss... didn't see your answer... for some reason, I found it easier to use XPath can you tell me what is the advantage of css_selector?

Andersson Over a year ago

@MosheSlavin , in this current case "div.register input[name='username']" is just shorter :) XPath for the same will look like //div[contains(@class, "register")]//input[@name="username"]

Moshe Slavin Over a year ago

Ok so it doesn't mean it will take longer to locate or that xpath is less robust...

Andersson Over a year ago

@MosheSlavin , well CSS seem to be faster than XPath, but I'm not sure that you really can see that difference in performance. As for me XPath is more flexible and powerful, so I mostly use XPath

Moshe Slavin Over a year ago

Thanks for the ref. I'll take a look and thanks again for your time!

|

Moshe Slavin · Accepted Answer · 2018-12-11 10:45:17Z

1

As @Andersson commented you have more than one element with "username".

You should use a more specific XPath such as:

elem = driver.find_element_by_xpath('//input[@placeholder="Enter your username"]')

Or

elem = driver.find_element_by_xpath('//input[@class="username" and @type="text"]')

answered Dec 11, 2018 at 10:45

Moshe Slavin

5,2445 gold badges27 silver badges40 bronze badges

Comments

undetected Selenium · Accepted Answer · 2018-12-11 11:01:19Z

1

To send a character sequence to the username field with placeholder text as Enter your username, you have to induce WebDriverWait for the element to be clickable and you can use the following solution:

Code Block:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.username[name='username'][placeholder='Enter your username']"))).send_keys("Gen Tan")

edited Dec 11, 2018 at 11:01

answered Dec 11, 2018 at 10:53

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Collectives™ on Stack Overflow

Unable to key text in text box with Selenium (python)

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related