大家好,今天我们来分享一下HTML的表单初步认识和get,post表单提交
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 来设置:
表格的语法:
姓名和密码输入框
上源码实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录注册</title>
</head>
<body>
<h1>注册</h1>
<!--表单form-->
<!--action: 表单提交的位置,可以是网站,也可以是一个请求处理的地方-->
<!--method : post,get提交方式-->
<form action="我的第一个网页.html" method="post">
<p>名字: <input type="text" name="username"></p>
<p>密码: <input type="password"name="pwd"></p> <!--密文方法>
</form>
</body>
</html>
看网页效果:
注意看密码框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录注册</title>
</head>
<body>
<h1>注册</h1>
<!--表单form-->
<!--action: 表单提交的位置,可以是网站,也可以是一个请求处理的地方-->
<!--method : post,get提交方式-->
<!--get 提交的方式比较高效,但是不安全-->
<form action="我的第一个网页.html" method="get">
<p>名字: <input type="text" name="username"></p>
<p>密码: <input type="password"name="pwd"></p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>
get方式,我们可以看见密码,相对来说不安全,传输大文件
post方式,看不见密码,比较安全
好了,post和提交方法,就讲到这了,谢谢大家