how to make a save button in html

That is not possible with a button created with the <input> element! To achieve the button styles above, Bootstrap has the following classes: The following example shows the code for the different button styles: The button classes can be used on an , , or This page was last modified on Feb 28, 2023 by MDN contributors. The neon light button is a design trend that's making waves because it's beautiful. Strange OutOfMemory issue while loading an image to a Bitmap object. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. The button tag is one of the simplest ways to add buttons to your websites. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Setting autocomplete="off" on the button disables this feature; see Firefox bug 654072. If your buttons are not for submitting form data to a server, be sure to set their type attribute to button. to tell browsers what type of button it is. Asking for help, clarification, or responding to other answers. Works in Chrome 107.0.5304.122 (Official Build) (64-bit). Are there tables of wastage rates for different fruit and veg? How to vertically align an image inside a div. Is your image on the same domain or is it a cross origin image? This border is declared through CSS in the browser stylesheet, but you can override it to add your own focused style using button::-moz-focus-inner { }. So how do you display text in the button? You do it with the value attribute! Asking for help, clarification, or responding to other answers. 3 Answers Sorted by: 0 You should write another javascript function and map it to the onclick event of save button <td><input type="button" onclick="return saveForm ();" value="Save as draft" /></td> And the java script method as , Java script function saveForm () { document.form [0].submit; } freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Only one element in a document can have this attribute. Disable/Enable "save-button" using JavaScript, How Intuit democratizes AI development across teams through reusability. This is the name of, or keyword for, a browsing context (a tab, window, or