1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Form表单里的BUTTON的type='submit'和'button'的区别

Form表单里的BUTTON的type='submit'和'button'的区别

时间:2023-11-28 14:57:25

相关推荐

Form表单里的BUTTON的type='submit'和'button'的区别

1.submit 用于提交表单时 使用 οnsubmit=”“

<form class="form-horizontal" onsubmit="checkform()"><div class="control-group"><label class="control-label" for="inputEmail">Email</label><div class="controls"><input type="text" id="inputEmail" placeholder="Email"></div></div><div class="control-group"><label class="control-label" for="inputPassword">Password</label><div class="controls"><input type="password" id="inputPassword" placeholder="Password"></div></div><div class="control-group"><div class="controls"><label class="checkbox"><input type="checkbox"> Remember me</label><button type="submit" class="btn">Sign in</button></div></div></form>

2.button时使用 onclick()方法

<form class="form-horizontal" ><div class="control-group"><label class="control-label" for="inputEmail">Email</label><div class="controls"><input type="text" id="inputEmail" placeholder="Email"></div></div><div class="control-group"><label class="control-label" for="inputPassword">Password</label><div class="controls"><input type="password" id="inputPassword" placeholder="Password"></div></div><div class="control-group"><div class="controls"><label class="checkbox"><input type="checkbox"> Remember me</label><button type="button" onclick="checkform()" class="btn">Sign in</button></div></div></form>

<script type="text/javascript">function checkform(){a=$("#inputEmail").val();if(a==""){alert('1');}}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。