html学习——表单的提交post、get

表单

form:表单标签

method:表单提交的方式,post/get

action:表单数据提交的位置,可以是网页,也可以是一个请求地址

<form method="post" action="result.html">
</form>
<!--post相对来说安全一点,可以传输大文件
	get数据会显示在url中,不安全,一般做学习和练习使用
-->
<form method="get" action="result.html">
</form>

练习:一个关于提交个人信息的表单

<form method="get" action="result.html">
<!--input输入框标签,默认为text,文本框
	name:为该输入框起一个名字,用来提交数据
-->
	<p>用户名:<input type="text" name="username"/></p>
<!--密码框input type="password",密码框输入字符会显示为小圆点-->
	<p>密码:<input type="password" name="pwd"/></p>
<!--submit提交
	reset重置所有输入框
-->
	<p><input type="submit"/>
	<input type="reset"/></p>
</form>

上为代码,下为显示效果

经验分享 程序员 微信小程序 职场和发展