∆ Form Tag...
👉 The form tag used to collect information from user ....
# Attributes Of Form tag ...
1 ) Name :-
" The Name attributes of form tag represents name of the form tag should be used for creation of web-based user information ."
2 ) Action :-
" The Action attributes is used to specify the location of the server where the form is submitted ."
$$ Methods of form tag ...
1 ) Post :-
" The post value is based on send the data to the server for processing ..."
2 ) Get :-
" The Get is default value which appends the form data to the URL (Uniform Resource locator ) ..."
👉 The Main tag in Form tag is Input tag ...
$ Input Tag :-
1) It is a singular tag
2) The Input tag create a form element such as text-box , Radio , check-box , select etc...
#Atributes of Input tag ...
1 ) Name :-
" The Name attributes gives to the form element ."
2 ) Value :-
" The value attributes initialised default value any form element ."
3 ) Type :-
" The Type attribute specify or indicate the type of form element such as , radio, text-box etc... ."
4 ) Size :-
" The size attribute asign the limit to display size of the input box ."
5 ) Max-length :-
" This attribute asign the number of character that the user enter in the input box ."
∆ Element Of Form
1 ) Creation of Text-box / Input box :-
👉 It is a singular line Entry text box ...
👉 The maximum character enter in the text-box is 255 ...
# Attribute :-
i ) Name
ii ) Value
iii) size
iv) Max-length
2 ) Creation of Password field :-
👉 It is a mass type of entry ...
👉 The value type in the text box will be display in the hide formate ...
# Attribute :-
i ) Name
ii ) Value
iii) size
iv) Max-length
3 ) Creation of Radio button :-
👉 A radio button is a set of button ...
👉 You can select only one item from group of radio button ...
# Attribute :-
i ) Name ii ) Value
iii) checked :-
" Asign default value to the radio button . "
iv) Default checked :-
" Check default status of radio button when click on radio button..."
4 ) Creation of Check box:-
👉 It is a set of check box ...
👉 You can check zero, one or more value at a time ...
# Attribute :-
i ) Name
ii ) Value
iii) checked
iv) Default checked
5 ) Creation of Dropdawn list :-
👉 In a Dropdawn list you can select multiple option to a single option by using Dropdawn list...
👉 The Dropdawn list are created by using <select> and sub tag of select tag is <option> ...
Note :- <select> ,<option> both are container tag..
# Attribute :-
i ) Name
ii ) Option
6 ) Creation of Command button:-
👉 There are two type of button ..
i.e., Submit and reset
👉 The Submit button submit the form and reset button clear the form ...
# Attribute :-
i ) Name
ii ) Value
7 ) Add file in Web page :-
👉 It is used to add document in your form by using file attribute ...
8 ) Creation of Image button :-
👉 " <Input type="Image"> is called image button " ...
👉 It is work like submit or reset button ...
👉 It is used like send data to the server ...
👉 The SRC attribute specify the URL of the image to used Submit button...
Ex..
9 ) Text- area tag :-
👉 The text area tag is called multilined input control ...
👉 A text area can hold an unlimited numbers of character ....
👉 The size of text area can be specified by the rows and cols ...
10) Hiidden Element :-
👉 <Input type="Hidden"> is called the hide element ... "
👉 The hidden Element contain a value which not display on the browser ...
👉 The value stored in this element send to the senser aong with form submission...
👉 The SRC attribute specify the URL of the image to used Submit button...
@ Any Input Elements...👇👇
(i) <Input type="color"> is called color peaker ...
(ii) <Input type="number"> defined a field for only entering a number ...
(iii) <Input type="E-mail"> Defined a field for only entering a E-mail address ...
(iv) <Input type="month"> defined a month and year control in formate MM/YY ...
(v) <Input type="Range"> defined a range control default range is 0 to 100 ...
(vi) <Input type="date"> defined a date peaker that include the year ...
(vii) <Input type="time"> Defined a control for enter in time ...
(viii) <Input type="weak"> defined a weak and year control ...
(ix) <Input type="search"> define a text field for enter in a search screen like a site search ...
(x) <Input type=" tel"> defined a input field that should contain telephone number...
₹ Input Restriction :-
A list some common input restriction is given below . Few of which can be used for validation purpose ...
(i) Disabled :- " Specify that input field should be disabled ..."
(ii) Max :- " Specify the maximum value for an input field..."
(iii) Min :- " Specify the minimum value for an input field ..."
(iv) Pattern :- " Specify the regular expression to check input value..."
(v) Read only :- " Specify that an input field is Read Only ..."
(vi) Placeholder :- " These act as a temporary lable showing the purpose of text field without requiring a lable tag ..."
(vii) Required :- " Specify that an input field is required {Data filling compulsory}..."
(viii) Auto complete :- " Specify the wether form should have autocomplete ..."
(ix) Auto faocus :- " Specify that the input field should automatically get focus when the page load..."
(x) Height and width :- " Specify the height and width of an <Input type=" image"> ..."
(xi) Multiple :- " Specify that the user is allow to enter more than the one value in the input element . this over with input type email address , mobile number etc..."
Note :- Programs will be comes very soon ...
## Thank you 🙏🙏
