Skip to main content

HTML Tutorial 6: Basic Elements of An HTML Form (Part 2)

In my previous post, I discussed about HTML form (Part 1). Same topic will be continued today and this is the Part 2. In part 1 you've learned creating Text Fields, Password Field, Radio Buttons and Checkboxes. In this post you will learn how to create Submit Button and Drop Down Menu. 

You should open Notepad from your PC to practice this lesson. Then save the html code with .htm or .html extension and then open the saved file with a browser to see the result. Let's begin: 

Drop Down Menu:

Let me begin with creating a drop down menu. This is very interesting as well as easy to create! 

Which one is your Favorite Cell Phone Brand? 

You must begin with the <select> tag and end with </select tag>. And every option of the list should start with <option> tag. Then you can type anything as you want. If you type the above text, your browser will show: 

Which one is your Favorite Cell Phone Brand? 

Submit Button:

Submit button is used to send data to the server. After filling up the form, an user need to confirm the email and submit it. 

<input type=submit> denotes a submit button. 

A simple submit button is very easy to create. You just need to write the following code: 

<input type=submit>

That's it. Now your browser will show:

It can be used as:

Username<input type=text>
<input type=submit>


Don't Misunderstand! 

You may think you've already learned creating a submit button. Not at all! We've skipped something! Where the submitted data will be sent? We didn't provide any server link. Let's complete the lesson: 

You should use the following code to create a complete submit button: 

<form name="input" action="" method="get">

Username: <input type=text>
<input type=submit>
And your browser will show:

Now if someone hits the submit button, the data will be sent to the server specified in the action attribute (Here: 

Putting these elements altogether, hopefully you will be able to create a simple HTML form.  

Stay with Marks PC Solution to get more interesting IT topics!


Popular posts from this blog

GTA San Andreas Cheat Code (PDF)

After Vice City, San Andreas is the most popular game released by Grand Theft Auto (GTA). Usually GTA releases role playing game. San Andreas is such a game where you can act like a person. You can do everything. You have to take part in missions and complete them.  To make your missions easier, there are lots of cheat codes. If you can properly apply these codes, the tough parts of the game will be easier. Cheat codes are somewhat like keyboard shortcuts of computer programs.  I've shared 63 cheat codes below. There were more cheat codes in my collection, but I've omitted the less important cheats. Effects or result of the cheats are on the left side, and the codes are on the right side.  You can copy the following codes in your PC. And for your convenience, I've also uploaded a PDF file of these codes. You will find the download link at the bottom.  Effect Cheat Code Adrenaline Mode MUNASEF All Cars Explode ALLCARSGOB

Rules for Bengali Typing in PDF (Bijoy Layout)

Bijoy is the most popular layout for Bangla typing. The layout was developed by Mostafa Jabbar. He is the pioneer of Bangla typing in computer. More than 90% people use his Bijoy layout for Bangla typing. Today, I'm gonna share a PDF file with you that contains the Bijoy Keyboard layout with English fonts! If your keyboard doesn't have bengali fonts then you can print this PDF file to know where the bengali fonts are located in your keyboard. Additionally this file contains all the necessary rules and tips which are essential for Bangla Typing.  Now there are many other software available for Bangla Typing Layout. Such as Avro Easy, Unicode, Unibijoy etc. And there rules are also somewhat different from Bijoy. And some of their layouts follow the same rules like Bijoy. Hopefully this PDF file will support most of the rules when a layout is similar to Bijoy Layout.  Click to enlarge the image Download the PDF file from the button below. Follow

Download Puzzle Flash Game - Save Them

Hey Flash Game Lovers! Today you're getting an amazing puzzle game - Save Them! It's a flash game and the download size is only 382 KB. In this game, you have to move 3 missionaries and 3 cannibals from one side to another through a boat. In any side, if the number of cannibals is more than the number of missionaries, then cannibals will eat the missionaries!  Download Save Them Download the game from the above link. It's a zipped file. Download size is only 382 KB! After downloading the game, you have to unzip it first. Then double click on the SaveThem to start the game.  How to Play? After starting the game, you will get the instruction. You have to make sure that in no side, the number of cannibals is not more than the number of missionaries. This is your only challenge. You have to take them from left side to the right side of the lake through a boat.  Press on a character to jump to the boat. Thus you can take any two of them a