How To Restrict Html Page With Login Authentication In

How To Articles

As a developer, one of the most crucial aspects of building a web application is ensuring that sensitive information is protected from unauthorized access. This is especially important when it comes to HTML pages that contain confidential data. In this article, I will guide you through the process of restricting an HTML page with login authentication in ASP.NET.

Setting Up the Login Page

Before we dive into the details, it’s essential to have a login page where users can enter their credentials. In ASP.NET, you can easily create a login page by using the built-in Login control provided by the framework. This control handles the user authentication process and provides a simple and secure way to handle user credentials.

To add the Login control to your HTML page, you can simply drag and drop it from the toolbox onto your design surface. Once added, you can customize the appearance and behavior of the login control to match the design and functionality requirements of your application.

Configuring Authentication and Authorization

Now that we have our login page set up, the next step is to configure the authentication and authorization settings in our ASP.NET application. This can be done in the web.config file, which is located in the root directory of your application.

To restrict access to our HTML page, we need to enable and configure the Forms Authentication feature in ASP.NET. This feature allows you to authenticate users and maintain their session state using an authentication cookie.

In the web.config file, locate the <system.web> element and add the following code:

<authentication mode="Forms">
    <forms loginUrl="Login.aspx" defaultUrl="Default.aspx" />

The authentication mode="Forms" attribute enables Forms Authentication for our application. The loginUrl attribute specifies the URL of our login page, and the defaultUrl attribute specifies the URL to redirect the user after successful authentication.

Securing the HTML Page

Now that we have the authentication and authorization settings configured, it’s time to secure our HTML page. We can achieve this by applying the Authorize attribute to the controller or page that represents our HTML page.

To do this, open the code-behind file of your HTML page and add the following code:

public class RestrictedPageController : Controller
    public IActionResult Index()
        return View();

The [Authorize] attribute ensures that only authenticated users can access the page or controller. If an unauthenticated user tries to access the page, they will be redirected to the login page specified in the web.config file.


Securing HTML pages with login authentication in ASP.NET is a fundamental step in protecting sensitive information from unauthorized access. By following the steps outlined in this article, you can easily add login functionality to your HTML pages and ensure that only authorized users can access them.

Remember to always prioritize the security of your web applications and regularly update your authentication and authorization settings to keep up with the latest best practices and security standards.

For more information on ASP.NET authentication and authorization, you can visit the official Microsoft documentation.