首页 > 其他分享 >在表单中button与input的区别

在表单中button与input的区别

时间:2022-09-06 00:34:27浏览次数:57  
标签:标签 button 表单 按钮 input type

https://www.php.cn/js-tutorial-389090.html

<button> 标签定义的是一个按钮

1、在 <button> 元素内部,您可以放置任何内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处;

2、 <button> 控件提供了更为强大的功能和更丰富的内容;

3、<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。

<input> 标签规定了用户可以在其中输入数据的输入字段

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件;input具体类型取决于type属性

接下来具体说明 四种按钮: <input type="submit"/>、<input type="button"/>、<button type="submit"></button>、<button type="button"></button>

  • <button type="submit"></button> 和 <input type="submit"/>用法相同,用作表单数据提交按钮,默认即会刷新页面;

  • <button type="button"></button> 和 <input type="button"/>的用法是一样的,均为普通按钮,默认情况不会刷新页面。

  • 使用button标签不能忘记添加type属性,因为不同浏览器的button默认type值不一样,type值不一样代表button标签的功能不一样

标签:标签,button,表单,按钮,input,type
From: https://www.cnblogs.com/Dongmy/p/16659346.html

相关文章