HTML? ???? ??? ?? ??? ?????. ???? ??? ??? ?????. HTML? ? ???? ???? ? ??? ?? ??? ??? ?????. ??? ??? ??? ???? ???? ?????? ???? ???? ?? ?? ??? ?? ???? ? ????. ??? HTML? ?? ??? ??????? ???? ??? ? ??? ???? ?? ??? ???? ?????.

HTML ?? ??

HTML? ??? ??? ??? ?? ???? ????. ??? ???? ??? ???? ??? ??? ???? ??? ?????. HTML?? ?? ??? ??? ??? ?? ???? ???????.

1) ??? ?? ??

?? ??? ???? ??? ???? ?? ???? ???? ? ?????. ??????? ???? ???? ??? ? ?? ???? ??? ?????.

HTML ??? ??? ? ?? ??? ??? ?? ??? ???? ????. ??? ??? ?? ??? ???? ???????.

• ? ? ?? ??? ??

??? ?? ???? ? ?? ???? ??? ? ????. ??? ?? ??? ???? ???? ?? ??, ???, ?? ?? ???? ????.

• ?? ?? ??? ??

? ?? ?? ??? ???? ???? ?? ?? ???? ??? ? ????. ??? ?? ???? ???? ??? ??, ??, ?? ?? ????.

?

???? ?? ??? ??? ? ?? ???? ?? ? ?? ?????.

• ???? ?? ??

???? ? ? ??? ????? ???? ??? ?????. ?? ?? ??? ??? ??? ???? ????? ??? ?? ???? ??????.

2) ?? ?? ??

?? ??? submit? ??, form action? ??? action? ???? form ???? ??? ????.

??? ?? ??? ?? ?? ??? ? ??? ??? ???? ?? ??? ?????. ??? ??? ??? ????? ?? ??????.

3) ??? ???

??? ??? ???? ???? ?? ??? ?? ??? ????? ?? ?? ? ??? ??? true? ??? ? ?????. ??? ??? ???? ?? ???? ?? ??, ?? ??(???/???) ?? ????.

4) ?? ?? ????

????? ???? ???? ??? ??? ?? ??? ??? ? ????. ??? ??? ?? ??? ?? ???? ????? ?? ??? ?????.

?? ?? ??? ??? ?? ??? ????? ?? ??? ???? ???? ???? ???? ?? ??? ? ????.

5) ?? ?? ???? ??

???? ??? ?? ???? ?? ??? ?? ??? ??? ??? ? ????. ?? ???? ???? ?? ??? ??? ???? ? ??? ?? ??? ??? ?? ??? ????? ?????? ?? ??? ?? ? ?? ?? ??? ???? ?????.

?? ?? ??? ?? ? ?? ??? ???? ????

6) ?? ?? Optgroup

Optgroup? ???? ??? ??? ???? ?????. ??? ???? optgroup? ???? ?? ??? ????? ??? ?? ??? ???? ? ??? ????. optgroup ??? ???? ???? ?? ??? ??? ???? ? ??? ???.

?? ?? ??? ?? ?? ??? ??? ????? ???? ???? ?????.

7) Fieldset

Fieldset is another useful tag in the Html form that lets the developer logically group certain controls under one legend; this helps the developer give the User clear instruction on what to expect in this section.

For example, the fieldset for the login page.

8) HTML output Tag

This output tag is introduced in HTML5. It let you display the output of a calculation instantly. This is quite useful when the user needs to do a calculation instantly and see the results. A typical example of such a cases is when the user wants to check the sum of all the items present in the cart.

In the example above, we have defined the item price range as 0 to 100 and can be changed on runtime, the other text box, which has a value of 12 in it is the tax levied on that item; it can also be changed on runtime. The output result 58 is the sum of both values.

Note: This tag is not supported on Edge 12 or Internet Explorer of an earlier version.

9) Input type Color

It is often required in the form to just show the color instead of any text. Input type color in HTML 5 will let you do that. It shows the color which you want to display in the form. Typical scenario’s where it is being used is to show the status of a project or a phase.

Note: color is not supported in certain versions of Internet Explorer and Edge.

10) Input type Date

Input type date is commonly used where the User expects a date type field as input; it could be anything like a Date of Birth, Hiring date, termination date, etc. It is introduced in HTML 5, and the date format varies a little with the change of browser.

Conclusion

• With the introduction of HTML 5, there has been a tremendous increase in the number of HTML controls being supported. These HTML form controls can be given various effects and colors with the help of CSS 3 and JavaScript / jQuery / Angular JS.
• In this article, we have covered all the commonly used HTML form controls. There are many controls such as hidden, reset, week, URL, time, email, file, DateTime-local, image, tel that has not been covered in this article. It is very important to check the browser compatibility of these controls before implementing this in the project as many browser version doesn’t support HTML 5 form controls.

? ??? HTML ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!