HTML_表单的介绍&提交按钮

一：表单的定义发送请求，并且携带数据给服务器。表单和超链接有共同的特征，就是都可以向服务器发送请求，只不过超链接是用户直接点击发送请求，不能填写数据。而用户点击表单提交的时候，不但可以发送请求，而且请求中还可以携带输入的数据。表单最主要的作用就是：收集用户的信息。表单对应的英语单词是：for...

努力彪

6886人浏览 · 2021-10-24 15:32:57

努力彪 · 2021-10-24 15:32:57 发布

一.表单的定义

发送请求，并且携带数据给服务器。
表单和超链接有共同的特征，就是都可以向服务器发送请求，
只不过超链接是用户直接点击发送请求，不能填写数据。
而用户点击表单提交的时候，不但可以发送请求，而且请求中还可以携带输入的数据。

表单最主要的作用就是：收集用户的信息。

表单对应的英语单词是：form

二.怎么定义一个表单对象呢？

<form>
表单项1:
表单项2:

</form>
另外要注意：一个网页上可以有多个表单对象。

三.代码演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
	</head>
	<body>
         <!-- 超链接-->
		 <a href="http://www.baidu.com">百度</a>
		 
		 <br><br><br>
		 <!-- 表单-->
		 <form action="http://www.baidu.com">
		 	<!-- 按钮，提交表单的按钮，只要点击这个提交按钮，就发送请求了！ -->
			<!-- 所有能够提交表单的按钮，type必须是submit，不能随便写 -->
			<!-- <input type="submit"/> -->
			<!-- 设置按钮上显示的文本用value字段 -->
			<input type="submit" value="百度"/>
			
			<!-- button是一个普通按钮，能提交表单吗？答案是不能。 -->
			<!-- <input type="button" value="百度"/> -->
			
		 </form>
		 
		 <!-- submit提交按钮放在form外面也是不行的！同样不能提交表单跳转到百度页面-->
		 <input type="submit" value="百度(外)"/>
		 
	</body>
</html>

注意事项