Among the elements we are going to talk about, the input element is the one you should focus on the
most and it has the greatest relevance within the forum because it's most used to be to a contact module
or beat a login form to a specific area of a website.
The input tag, therefore, the input element gets inserted.
Exactly like all the other tags and inside it, it's stored some specific attributes which define precisely
what this specific tag is about, such as what is called tag.
Therefore, let's insert type equals opened and closed affixes and let's close our input tag.
Inside type, then all the diverse types of input in searchable in the form will be entered.
The most classical among all is the text type.
In so doing, therefore exclusively as input time equals Kekst, we are defining a new textual space
where you can insert a certain type of information.
Therefore, if we saved and refreshed our view in Chrome, as you see, we would turn up with a space
which is in fact a rectangle.
Within which you can enter a text input, therefore text is the most common attribute inserted within
type in the input.
In addition to this kind of input, you can also, for example, insert a password which differently
from what happens with a simple text, is going to display some asterisked.
To mask the content, therefore, also in this case, by saving and refreshing, we will see that the
second input we inserted in case of inserting a value will display some dots, which indeed have the
aim to conceal what has been inserted.
Another very important type of input is relative to submit.
Therefore, input type equals submit.
This input, unlike the previous ones, enable us to submit the form.
Therefore, it enables the processing of all the stored data to be able then to warn action, which
will start the actual submission to the destination of them saving and refreshing.
We can see that it's submitting button has been created clicking on which of course we are redirected
to the insurgent detection, which in this case is not present inside the address, and therefore it
will lead us to execute the compound for.
In addition to submit another input with a specific function without having to be compiled is the set
input type, which as we see once compiled, for example, the first two fields by clicking on Rousset,
delete the content we set in our form so that it has to be compiled again.
There are also some other types of inputs which create like, for example, the radio input types,
different buttons.
With other specific functionalities to which a value has necessarily to be linked.
For example, value one.
Saving and refreshing, we will see this button gets added with the value that will be then communicated.
Once the form gets submitted.
Obviously, sending this type of input, you have to add a detail referring to what we are going to
click on, therefore what we are going to select, therefore it would be necessary the addition of a
label which we will see in the next lesson.
Therefore, let's complete the already inserted inputs with some labels.
Apart from radio, there's also a check box, which is another type of selection, but also in this
case with the present value, that then will be associated to a label which obviously will enable the
selection.
Also, in this case of specific information to submit within the form, the difference between radio
and checkbox is that checkbox can have more than one selection in them, whereas the radio buttons can
be selected just once within our four.
To make this distinction evident, we have to add a further radio and a further checkbook's with a different
value.
But with their specific name, for example, test to associate to the two radios and test one.
To associate to the two checkboxes in so doing, we are making them different, but we are making sure
that if there is radio as input, it will provide just one choice, whereas checkbox will permit both
choices.
Therefore, now let's save refresh and let's see that by clicking on radio, only one gets selected
while the two checkboxes can both be selected.
Let's close then with the three input types which get inserted exactly like the first ones.
And these are day to.
Email.
And five.
These three input types permit us to insert a date and e-mail address and the file in performing operations
regarding them, as we can see, saving and refreshing.
That's the opportunity here to insert a date inside the date input.
In here, an email address.
And here, the option of a new file.
Now that we have seen this series of inputs stored within our forms, let's clean what we inserted,
living a base for a standard contact module for let's insert an e-mail input type in addition to text
and input some meat, which obviously will have to stay.
And let's add also some check boxes to make it complete.
Then let's remove what we don't need, naturally will keep reset to make our form able to get reset
and therefore starting from zero.
That's insert some VR to align correctly our content.
And let's go ahead with the next lesson.
Whose topic is the labels?