submit 与button的区别-详细内容

文章内容

2017/11/20 13:44:05,作者: 黄兵

submit 与button的区别

submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。

在网页中经常使用button和submit，submit需要配合from使用，代码实例：

<h2>欢迎登录</h2>
<form action="/login" method="post" role="form">
    <div class="input-group input-group-md">
        <span class="input-group-addon" ><i class="glyphicon glyphicon-user" aria-hidden="true"></i></span>
        <input type="text" class="form-control" id="userid" name="userid" placeholder="请输入用户ID"/>
    </div>
    <div class="input-group input-group-md">
        <span class="input-group-addon" ><i class="glyphicon glyphicon-lock"></i></span>
        <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码"/>
    </div>
    <br/>
    <button type="submit" class="btn btn-success btn-block">登录</button>

button制定了type为submit，如果不指定type，则单击之后不会有任何事情发生。但是可以写单击事件，如：onclick="clickEvent()"

submit:特殊的button，会自动将表单的数据提交，onClick方法不加return 会自动提交，并不会起到约束的作用，所以，使用submit时需要验证请加 return true或false。
例：<input type='submit' name='Submit' value='注册' onClick=' return check();'>，在JS中判断的时候写return true; 或者 return false;
button:普通的按钮，不会自动提交表单数据.可以在JS中显式提交:document.form1.submit()，使用场合：一个页面有多个提交按钮，需要根据用户的操作来确定到底提交到哪个控制器，这种情况下，就需要在JS中判断用户的操作，然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交。

文章内容

2017/11/20 13:44:05,作 者: 黄兵

submit 与button的区别

发表评论

评论列表

搜索文章

文章分类

文章归档

2017/11/20 13:44:05,作者: 黄兵