位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 4.5 input标签type属性之button按钮
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 4.4.2 Input的type属性 下一篇: 4.6 input标签type属性之checkbox复选框

基础语法

输入类型:button

<input type="button">

定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。

核心代码

<script>
function msg()
{
     alert("Hello world!");
}
</script>
<form>
<input type="button" value="点我" onclick="msg()">
</form>

示例

小白教程网www.2d5.net

:input标签type属性之button按钮

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>input标签之type属性button按钮</title>
     <script>
     function msg(){
             alert("黄老师你好");
     }
     </script>
</head>
 
<body>
     <form>
             <input type="button" value="点击我" onClick="msg()">
     </form>
</body>
</html>

效果如图4-2和图4-3

image.png

image.png




上一篇: 4.4.2 Input的type属性 下一篇: 4.6 input标签type属性之checkbox复选框
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)