form表单学习笔记一

最新推荐文章于 2022-07-16 09:44:20 发布

xvzhengyang

最新推荐文章于 2022-07-16 09:44:20 发布

阅读量240

点赞数

分类专栏：前端 HTML与CSS css 文章标签： form表单基础

本文链接：https://blog.csdn.net/xvzhengyang/article/details/88209124

版权

前端同时被 3 个专栏收录

80 篇文章 0 订阅

订阅专栏

css

47 篇文章 0 订阅

订阅专栏

HTML与CSS

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实现交互</title>
		<!-- HTML表单如何工作
		 1.表单:是一个包含输入域的web页面,允许你输入信息
		 2.提交表单时,这些信息会打包并发送到一个Web服务器,由一个服务器脚本处理
		 3.处理完成之后,会得到另一个web页面作为响应.
		 4.表单在浏览器中如何工作: a.浏览器加载页面: b.你输入数据  c.你提交表单 d.服务器响应
		 -->
	</head>
	<body>
		<!-- form是开始标记.表单中的所有内容都包含在这里 -->
		<!-- action属性包含web服务器的url http://wickedlysmart.com-->
		<!-- 脚本所在的文件夹hfhtmlcss-->
		<!-- 将处理表单数据的服务器脚本的文件名 -->
		<!-- method:属性确定表单数据如何发送到服务器.我们将使用到最常用的方法post -->
		<!-- 翻译:wickedlysmart.com,我的用户刚刚单击了一个按钮来提交一个表单,我得到了一些表单数据,我要通过post发给你.
		 这些数据要发给hfhtmlcss文件夹中的contest.php服务器脚本-->
		<form action="http://wickedlysmart.com/hfhtmlcss/contest.php" method="post">
			<p>Just type in your name (and click Submit) to 
				enter the contest:<br>
				First name: <input type="text" name="firstname" value=""><br>
				Last name : <input type="text" name="lastname" id="" value="" /><br>
				<input type="submit" value="submit"/>
			</p>
		</form>
		<!-- ok,这里有了一个HTML表单,不过从哪里得到服务器脚本呢?或者我们怎么自己建立一个服务器脚本
			这个,要创建服务器脚本,需要你掌握一种脚本或编程语言,而且托管公司需要支持这种语言.
		-->
		
	</body>
</html>