<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h3>表单标签学习</h3>
<p>
html收集用户数据:
问题1:收集到的数据交给谁?怎么提交?
问题2:如何在网页中提示用户进行数据的书写?
解决1:使用form标签
表单标签学习:form
作用:声明收集到的用户数据提交给那些服务器,并使用那种方式进行提交
属性:
action:值为数据要提交的服务器的URL地址(#是指自己)
method:数据提交的方式
get:
收集到的数据以?隔开,拼接在action的URL后边
每条数据都是以键值对的形式体现的,其中的键为表单域标签name属性的值,值为用户书写的数据
不同的键值对使用&符号隔开
注意:
name属性的值不能为空,否则该表单域标签收集的数据不会被提交
get提交方式不安全,适合小量数据,效率高
post:
收集的数据是单独进行流提交的,普通用户是无法查看的。
安全、数据量大,效率低
</p>
<hr />
<form action="#" method="post">
<table border="1px" cellpadding="0px" cellspacing="0px" align="center">
<tr>
<td>用户名</td>
<td><input type="text" name="uname" id="uname" value="" /></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="psswd" id="psswd" value="" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="" id="" value="提交"/></td>
</tr>
</table>
<!--用户名:<input type="text" name="uname" id="uname" value="" /><br />
密码:<input type="password" name="psswd" id="psswd" value="" /><br />-->
</form>
</body>
</html>