Use of Forms and

Hopefully, all of us are good at the end of the Creator. And with EduTecBD Hopefully I have mastered all the tags I used to show you before. One thing I remind you repeatedly is that practice. You have to practice a lot. If not, you can not learn anything. Keep practising regularly all of the things I have shown you in the past and design your own way in different ways.

In the previous episode, I showed that I made several parts of the Html form. Today we will see how to create a password field and drop down box. Let's get started. Type the following code with a notepad.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
</pre></pre>
<html>
<head>
<title>Password Field</title>
</head>
<body>
<form>
User ID:
<input type="text" name="user">
<br/>
Password:
<input type="password" name="password">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
<pre>

 

Here's how to create a password field in the code as well as how to create a submit button.

Now let's look at another important item of HTML form that can be created in the drop-down box. Generally, a selectable list is created using the drop-down box. Type the following code with a notepad.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
</pre></pre>
<html>
<head>
<title>Drop Down Box</title>
</head>
<body>
<form>
Select Your country:
<select name="country">
<option value="Bangladesh">Bangladesh </option>
<option value="Pakisthan">Pakisthan </option>
<option value="USA">USA </option>
<option value="Canada">Canada </option>
<option value="Japan">Japan</option>
<option value="Iran">Iran </option>
<option value="Nepal">Nepal </option>
</select>
</form>
</body>
</html>
<pre>

 

Hopefully, we have seen what you need to make a form. Now try to combine all the things manually and create a complete HTML form.

Now let's take a look at HTML's important tag for <div>. Actually, there are many tags of HTML, I have tried here to present the most useful tags in front of you. And you have also shown them how to use them. But in the same way, it will not be easy to learn the use of tags like this. Our goal is to create a beautiful webpage. And it's important to know CSS for making a webpage beautiful. Which I will show you later on. But HTML is the beginning of what it takes to create a webpage. You can design a beautiful page if you want, through all the things I have shown you so far. Proof of which I will show you at the front. Which can be called a small project created using HTML. In the previous episode, I told you how to create a complete form. Yes, I will present it to you in a project size, in which you will see the collective use of different tags that we learned earlier. If you do not actually work on project-based then your learning will never be complete. When you work with a project, you will understand what you need to plan, how to start work, when to use it.

So let us see the use of <div> tag. It is useful for designing a webpage. When you open a web page, you will see that there are different parts. By using this tag you can divide your page into different categories. Which is very important for creating a webpage.

Then type a code below with a notepad and save it and open the browser and see the results.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
</pre></pre>
<html>
<body>
&nbsp;
<div id="container" style="width:1000px; height:300">
&nbsp;
<div id="header" style="background-color:#0099FF">
<h1 style="margin-bottom:0; text-align:center">Use of Div Tag</h1></div>
&nbsp;
<div id="menu" style="background-color:#00CCFF;height:250px;width:250px;float:left;">
<b>Standard Attribute </b><br/>
id<br/>
class <br/>
title<br/>
style<br/>
lang</div>
&nbsp;
<div id="content" style="background-color:#EEEEEE;height:250px;width:750px;float:left;">
<h3 align="center"> HTML div Tag </h3>
<p>
<div> The HTML  tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS.
The difference between the div tag and the span tag is that the div tag is used with block-level elements whilst the span tag is used with inline elements.
&nbsp;
&nbsp;
</p></div>
</div>
&nbsp;
</body>
</html>
<pre>

 

There is definitely no need to say new tag and attribute. Still remind me again. Notice, how the attributes were used here in the tags here. You can practice them in different ways. And now because you have to write a lot of big code, you can use a good code editor for the work advantage. Such as Notepad ++, Dreamweaver

In the next episode, I will show you how to create a complete form.

I think you have no problem. You face any problem or not understand anything you please comment here and contact with facebook.

Thanks for reading this whole article. We hope your result will be outstanding So that your family will be delighted. Keep in touch with EduTec BD and we will give you the right information.

For any information, you want to know comment below we will provide you as soon as possible.

Join us on our Facebook Page: EduTec BD

Join us on our Facebook Group:  EduTec BD

 

 

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here