Aim:
Develop a web application using ASP.NET that allows job seekers to input their personal and
professional details. Upon submission, the application will display the entered information,
providing immediate feedback to the user.
Step-by-Step Procedure:
1. Set Up the Development Environment:
o Ensure that Visual Studio or Visual Studio Code is installed on your system.
o Install the .NET Framework or .NET Core SDK, depending on your project
requirements.
2. Create a New ASP.NET Web Application:
o Open Visual Studio.
o Navigate to File > New > Project.
o Select ASP.NET Web Application and choose the WebForm
o Name the project (e.g., "JobSeekerApp") and specify the location to save the
project files.
3. Design the Web Form (WebForm1.aspx):
o In the Solution Explorer, locate and open WebForm1.aspx.
o Design the form to include the following fields: Full Name, Email Address,
Phone Number, Highest Qualification, Years of Experience, and Job Category.
o Use ASP.NET controls such as TextBox for text inputs and DropDownList
for the job category selection.
o Add Button controls for "Submit" and "Reset" actions.
o Include a Label control (lblOutput) to display the output upon form
submission.
4. Implement the Code-Behind Logic (WebForm1.aspx.vb):
o Open WebForm1.aspx.vb.
o Implement the SubmitForm method to handle the "Submit" button click event.
This method should:
▪ Retrieve input values from the form fields.
▪ Validate mandatory fields (e.g., Full Name and Email Address).
▪ Display the entered information in lblOutput if validation is successful;
otherwise, prompt the user to fill in the required fields.
o Implement the ResetForm method to clear all input fields and the output label
when the "Reset" button is clicked.
5. Apply Styling to the Form:
o Within the <head> section of WebForm1.aspx, define CSS styles to enhance
the form's appearance.
o Use classes like .container, .form-section, and .output-section to structure and
style the form layout.
6. Test the Application:
o Run the application using the built-in development server.
o Navigate to WebForm1.aspx in your browser.
o Input sample data into the form fields and test both the "Submit" and "Reset"
functionalities to ensure they work as intended.
, <%@ Page Language="vb" AutoEventWireup="false"
CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication46.WebForm1" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Job Seeker Details</title>
<style>
.container
{
display: flex;
justify-content: space-between;
}
.form-section, .output-section
{
width: 48%;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
}
.output-section
{
background-color: #f9f9f9;
}
</style>
</head>
<body>
<h1 align="center">Job Seeker Details Form</h1>
<div class="container">
<!-- Form Section -->
<div class="form-section">
<form id="jobSeekerForm" runat="server">
<table>
Develop a web application using ASP.NET that allows job seekers to input their personal and
professional details. Upon submission, the application will display the entered information,
providing immediate feedback to the user.
Step-by-Step Procedure:
1. Set Up the Development Environment:
o Ensure that Visual Studio or Visual Studio Code is installed on your system.
o Install the .NET Framework or .NET Core SDK, depending on your project
requirements.
2. Create a New ASP.NET Web Application:
o Open Visual Studio.
o Navigate to File > New > Project.
o Select ASP.NET Web Application and choose the WebForm
o Name the project (e.g., "JobSeekerApp") and specify the location to save the
project files.
3. Design the Web Form (WebForm1.aspx):
o In the Solution Explorer, locate and open WebForm1.aspx.
o Design the form to include the following fields: Full Name, Email Address,
Phone Number, Highest Qualification, Years of Experience, and Job Category.
o Use ASP.NET controls such as TextBox for text inputs and DropDownList
for the job category selection.
o Add Button controls for "Submit" and "Reset" actions.
o Include a Label control (lblOutput) to display the output upon form
submission.
4. Implement the Code-Behind Logic (WebForm1.aspx.vb):
o Open WebForm1.aspx.vb.
o Implement the SubmitForm method to handle the "Submit" button click event.
This method should:
▪ Retrieve input values from the form fields.
▪ Validate mandatory fields (e.g., Full Name and Email Address).
▪ Display the entered information in lblOutput if validation is successful;
otherwise, prompt the user to fill in the required fields.
o Implement the ResetForm method to clear all input fields and the output label
when the "Reset" button is clicked.
5. Apply Styling to the Form:
o Within the <head> section of WebForm1.aspx, define CSS styles to enhance
the form's appearance.
o Use classes like .container, .form-section, and .output-section to structure and
style the form layout.
6. Test the Application:
o Run the application using the built-in development server.
o Navigate to WebForm1.aspx in your browser.
o Input sample data into the form fields and test both the "Submit" and "Reset"
functionalities to ensure they work as intended.
, <%@ Page Language="vb" AutoEventWireup="false"
CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication46.WebForm1" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Job Seeker Details</title>
<style>
.container
{
display: flex;
justify-content: space-between;
}
.form-section, .output-section
{
width: 48%;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
}
.output-section
{
background-color: #f9f9f9;
}
</style>
</head>
<body>
<h1 align="center">Job Seeker Details Form</h1>
<div class="container">
<!-- Form Section -->
<div class="form-section">
<form id="jobSeekerForm" runat="server">
<table>
