按钮 button
用户访问网页时互动,点击会触发动作。比如登录按钮。
一、按钮标签
代码语言:javascript复制<buttontype="submit"onclick="handleClick()"> ... </button>
- 就是网页中的按钮,常常用于显示的告诉用户的操作行为,比如“保存”、“取消”、“登录”等基本上都是按钮标签
type
属性,表示按钮类型- button 普通按钮
- submit 如果写在form中,点击会提交form
- reset 如果写在form中,点击会重置form
onclick
事件属性:一般结合JavaScript结合使用
二、代码实战
新建 html 文件 12-button.html
,编写下方程序,运行看看效果吧。
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>按钮Button标签</title>
</head>
<body>
<buttononclick="handleClick()">我是按钮</button>
<scripttype="text/javascript">
function handleClick(){
alert('按钮被点击了')
}
</script>
<formaction="/submit.do">
<inputtype="text"name="username">
<buttontype="submit">提交</button>
<buttontype="reset">重置</button>
</form>
</body>
</html>