Web Development Certification Training
- 7k Enrolled Learners
- Live Class
HTML makes it easier to create buttons. In this article will explore Button In HTML in detail. Following pointers will be covered in this article
In HTML there are various methods to create clickable buttons. Here you can even create buttons using <input> tag by setting it’s type attribute to button. Listing out the type attribute that can take values:
It creates the button which automatically submits the form or the document.
It creates the button which automatically resets the form control to their initial values.
It creates the button which is used to trigger the client side script when the user clicks that button.
It creates the clickable button that we can use the image as a background of the button.
In HTML <button> tag is mainly used to create the button within the HTML form. Still you can use <input> tag to create the same buttons.
Showing the use of <button> tag
<!DOCTYPE html> <html> <head> <title>button tag</title> </head> <body> <form> <button name="button" name="OK" type="button">Click Here> </form> </body> </html>
Here it’s showing the code for the form with three types of buttons:
<!DOCTYPE html> <html> <head> <title>Upload File</title> </head> <body> <form> <input type="submit" name="submit" value="submit"/> <input type="reset" name="reset" value="reset"/> <input type="button" name="button" value="button"/> <input type="image" name="imagebutton" scr="/C:UsersKATTANISHARADesktopBlogs"/> </body> </html>
This brings us to the end of this article on Button In HTML.
Check out our Full Stack Web Developer Masters Program which comes with instructor-led live training and real-life project experience. This training makes you proficient in skills to work with back-end and front-end web technologies. It includes training on Web Development, jQuery, Angular, NodeJS, ExpressJS, and MongoDB.
Got a question for us? Please mention it in the comments section of article and we will get back to you.