How to Submit a Form using Selenium?

Selenium is a great tool when it comes to testing the User interface of websites. Because it has so many features like web driver it allows us to write the scripts in different programming languages like Java, Python, C#, and Ruby. We can write scripts concerning different browsers including the major browsers like Chrome and Firefox. Submitting the form is the major task we want to do because to test different scenarios of user's input and look at the result is very important. In HTML, there is a set of input types, and testing major of them is a difficult task but we can do this by writing a simple script that will load the site and do the major tasks.

Strategy to Submit Form

So, to test the form we require two main steps:

1. Finding the element in the HTML code: We can use ID, class, XPath, and many more.
2. Apply the operation on the field: We can write, click, and read the field or the element.

So, We will first find all the fields in the forms using their id or class whatever is available to us. Then for fields, we will send the values and for buttons, we will execute the click function in the code.

Functions for Finding the Element

As discussed we can find the element by many options so let's have a look at some functions :

1. By Id

2. By Class

3. By Name

4. By CSS Selector

5. By XPath

These are some of the functions that we can use for finding the elements from the HTML. We can use different functions in different scenarios.

Example

1. Create a Form

We will create the Form which we will be using to try submitting it from the Selenium script.

Explanation:

In this code, we have used text, date, email, number (10 Digits) and Radio button. Writing code for submitting this form will give you an idea of most of the common fields. Also, on submitting the Alert box which shows the submission of the form.

Output:

2. Code to Submit a Form

Now, as discussed first we will try to get the fields in which all the data will be entered. To get the field we can find it using Id, Class, or CSS Selector. In the following code blocks, we will find the fields using ID and the submit button will be tracked using the CSS Selector.

Output:

Below is the output of the code in which the Chrome browser loads and is redirected to the form. And quickly fills in the details and submits the form. We can see that the alert box opens up and the details are shown in the console window.

Conclusion

This is a simple example but you can now create a complex selenium script with this reference, also you can use the different functions mentioned above. Also, you can write the code for testing the whole website's behavior on different interactions a user can do.