Hello Everyone welcome back to my channel Code with Neha
So today I am going to show how to create student registration form in html using notepad
Open notepad
Starting with the basic html tags
I am setting the background color as light blue colour so writing the attributes as bgcolour within the opening body tag
For adding space I am giving br tag
Now for creating a form we need to use form tag just beneath the closed body tag
Started with the Name in the registration form
The input type =" text " defines a single-line text field
The default width of the text-field is 20 characters
Then adding the name attribute
The name attribute specifies the name of an input element. The name attribute is used to reference form data after a form is submitted
So for the Name input I am keeping the name attribute as "sname"
After adding br tags
Repeating the same for Father's Name and Mother's Name and phone number setting the name attributes as fname mname and phone respectively
For the email ID the input type will be input type email and the name will also be email
For the simplicity of the form I am using another attribute as placeholder
The placeholder attribute specifies a short hint that describes the expected value of an input field
Now for the gender input the input type will be radio that defines a radio button which allows to select one option
Here note that after closing tags of the input type the input option must be specified
Repeating the step for another input option to chose from
Keeping the name attribute for female and male as rad1 and rad2 respectively
To check the progress we need to first save the file as filename.html
Adding another placeholder to the phone number input
Here note that for radio input we can't keep two different name attribute as both option gets selected
So keeping the name attribute as rad1 for both the options
Moving on to the date of birth input
Here the input type and name will be date and dob
For address the input type will be text but here we need to keep larger space for the address adding the input size as 150 to increase the input field
Don't forget to insert br tags for the spaces
For the blood group input using drop-down input type
Here select tag is used to define drop down list
And option tag is used to define an option in a drop down list
For the department input using the checkbox input type which allows to select multiple options
For the courses input Repeating the same steps for checkbox input type
For adding a photo to the form
Using input type as file and name too as file
And finally adding the register button
By adding button input type and value as Register
Note that for the click and submission of the form we must start an event as onclick
So Here is the completion of the Student Registration form
Thank you for watching the viral
If You want more such tutorials then don't forget to subscribe my channel and click the Bell Icon for Regular Updates
See you in the next video till then Stay Safe Stay Happy
#htmltutorial
#html
#htmlcode
#webdevelopment
#basichtml
#basichtmltags
#htmlelements
#registrationform
#registrationformtutorial
#registrationformusinghtml
#studentsregistrationformtutorial
#coding
11 окт 2023
