Microsoft Dot Net: Button type submit vs button (HTML)

Sunday, February 10, 2013

Button type submit vs button (HTML)

HTML	What it does?
<button type="button">Click me!</button>	Nothing
<button type="submit">Click me!</button>	Submits the page to the url set on form tag’s action attribute. Whether it does a get or a post is determined by the method attribute on the form tag.

When to use <button type="button">?

When you want to execute a javascript function when a user clicks something that's when you use a <button type="button">. You could also get away using a div tag or any other tag with an onclick event. But adding a button makes it more intuitive to the user. (Of course you could always style the div tag to look like a button)

Try it yourself

Copy paste this into a text file and name the file with a .html extension

<html>

<head>

<title>Index</title>

</head>

<body>

<div>

Type Button</button>

<br />

Type Submit</button>

</div>

</body>

</html>

function DisplayHello() {

alert('Hello');

}

</script>

</form>

Microsoft Dot Net

Translate

Sunday, February 10, 2013

Button type submit vs button (HTML)

No comments:

Post a Comment