按钮分为三种：button(普通按钮)， submit(提交按钮) ， reset(重置按钮)
普通按钮：
语法：
<input type="button" value="普通按钮取值" οnclick="javaScript脚本程序">
value 的取值就是按钮上要显示的文字
onclick 是普通按钮的事件
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST">
<input type="button" value="按下" onclick="alert('你按下了按钮')">
</form>
</body>
</html>重置按钮:
语法：
<input type="reset" value="重置按钮取值">
value 是显示按钮上的文字
提交按钮：
语法：
<input type="submit" value="提交按钮取值">
value 是显示按钮上的文字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST">
账号：<input type="text"> <br>
密码：<input type="password"> <br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>三个按钮的区别：
1、普通按钮一般与 javaScript 脚本结合实现一些特效
2、提交按钮用于把当前所在 form 标签内部的表单输入内容提交给服务器处理
3、重置按钮用于清除当前所在 form 标签内部的表单元素的输入内容
图像域：
语法：
<input type="image" src="图像链接">
图片域 image 即拥有按钮的特点，也拥有图像的特点
隐藏域：
语法：
<input type="hidden">
在用户不可见的情况下，向后端服务器传送一些数据
文件域：
语法：
<input type="file">
必须在 form 中设置编码方式 enctype="multipart/form-data" 才能让服务器接收到正确信息
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<form name="my_form" method="POST" enctype="multipart/form-data">
<input type="file">
</form>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
