{"id":128,"date":"2024-10-09T06:16:31","date_gmt":"2024-10-09T06:16:31","guid":{"rendered":"https:\/\/techkubo.com\/html\/?p=128"},"modified":"2025-05-10T03:47:26","modified_gmt":"2025-05-10T03:47:26","slug":"html-button-tags","status":"publish","type":"post","link":"https:\/\/techkubo.com\/html\/html-button-tags\/","title":{"rendered":"HTML Button Tags"},"content":{"rendered":"\n

Buttons are created using the <button><\/code> tag. They are often used to submit forms, but they can also be used to trigger events, like running JavaScript.<\/p>\n\n\n\n

<\/p>\n\n\n\n

HTML Button Tags Syntax<\/strong><\/h2>\n\n\n\n

Explanation of Syntax:<\/strong><\/p>\n\n\n\n

    \n
  • <button><\/code><\/strong>: The main tag used to create buttons.<\/li>\n\n\n\n
  • type<\/code> attribute<\/strong>:\n
      \n
    • button<\/code>: A generic button with no default behavior.<\/li>\n\n\n\n
    • submit<\/code>: A button that submits the form data.<\/li>\n\n\n\n
    • reset<\/code>: A button that resets all form fields.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
      <!-- Basic Button -->\n<button>Click Me!<\/button>\n\n<!-- Submit Button -->\n<button type="submit">Submit<\/button>\n\n<!-- Reset Button -->\n<button type="reset">Reset<\/button><\/pre><\/div>\n\n\n\n
      <\/p>\n\n\n\n
      HTML Button Tags Example Code<\/strong><\/h2>\n\n\n\n
      Explanation of Code:<\/strong><\/p>\n\n\n\n
        \n
      • Basic Button (<button>Click Me!<\/button><\/code>)<\/strong>: This is a simple button. When clicked, it doesn’t perform any action by default but can be enhanced with additional scripts or functionality later.<\/li>\n\n\n\n
      • Submit Button (<button type=\"submit\">Submit<\/button><\/code>)<\/strong>: This button is used within a form. When clicked, it sends the data from the form to the server specified in the action<\/code> attribute of the <form><\/code> tag.<\/li>\n\n\n\n
      • Reset Button (<button type=\"reset\">Reset<\/button><\/code>)<\/strong>: This button resets all input fields in the form back to their initial values when clicked.<\/li>\n<\/ul>\n\n\n\n
        <!DOCTYPE html>\n<html>\n<head>\n    <title>Button Tags Example<\/title>\n<\/head>\n<body>\n    <h1>Button Tags in HTML<\/h1>\n    \n    <!-- Basic Button -->\n    <button>Click Me!<\/button>\n\n    <!-- Submit Button in a Form -->\n    <form action="\/submit" method="post">\n        <button type="submit">Submit<\/button>\n    <\/form>\n\n    <!-- Reset Button in a Form -->\n    <form>\n        <button type="reset">Reset<\/button>\n    <\/form>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        <\/p>\n\n\n\n
        HTML Labs<\/strong><\/h2>\n\n\n\n