Code Behind and Inline Code in ASP.NET

Introduction

 
In today's article, you will learn the differences between Code-Behind and Inline Code in ASP.NET.
 
Many people remain confused about the differences between Code-Behind and Inline Code. Here I am explaining both of them with examples that will help you to understand the differences between the two.
 
Code Behind
 
Code Behind refers to the code for an ASP.NET Web page that is written in a separate class file that can have the extension of .aspx.cs or .aspx.vb depending on the language used. Here the code is compiled into a separate class from which the .aspx file derives. You can write the code in a separate .cs or .vb code file for each .aspx page. One major point of Code-Behind is that the code for all the Web pages is compiled into a DLL file that allows the web pages to be hosted free from any Inline Server Code.
 
Inline Code
 
Inline Code refers to the code that is written inside an ASP.NET Web Page that has an extension of .aspx. It allows the code to be written along with the HTML source code using a <Script> tag. Its major point is that since it's physically in the .aspx file it's deployed with the Web Form page whenever the Web Page is deployed.
 
Now I will show you these differences by using an example.
 
Step 1
 
First of all, create a new Blank Website in Visual Studio, then add a Web page to it. Here we are first creating a Web page for the Code Behind so remember one thing "the check box should be checked while adding this page". In other words, check the "Place the code in a separate file" and then click on the "Add" button.
 
code 1.jpg
 
Now on the .aspx page use a Button, a Link, and a Text Box.
 
code 2.jpg
 
Step 2
 
Now double-click on the Button, this will use the Code window. Now you will see that this coding section is opened in a separate window whose extension is .aspx.cs. Write the code in this window. I wrote the code such that whatever I wrote in the TextBox will also appear in the Label.
 
code 4.jpg
 
Now debug this page and verify that your program is running.
 
code 5.jpg
 
Step 3
 
Until now we were working on the Code Behind but now we will work on the Inline Code, for that add another web page to your Web Site. But this time things are different, this time don't check the check box and if it's checked then Uncheck it and then click on "Add".
 
code 6.jpg
 
Now on this new .aspx page again use a Button, a Link, and a Text Box.
 
code 7.jpg
 
Step 4
 
Now double-click on the Button so that you can write the code on click of this button. But Now No New Window will be opened, Now the coding will appear on the same .aspx page. Here no .aspx.cs page is available.
 
code 8.jpg
 
Write the same code here also and then debug it.
 
code 9.jpg
 
As you can see it's giving the same output as the Code Behind gave but even after that is different from the Code Behind.