#WEB安全基础 : HTML/CSS | 0x10实现交互_表单
2019-01-21 02:38:19来源：博客园 阅读 ()
先看看表单如何工作吧
请求
响应
简要工作流程：
-
浏览器加载页面
-
用户输入数据
-
用户提交表单
-
服务器响应
概念都清楚了，我们来写表单吧
只有一个html文件
你可以向空白框框里写一些东西，然后点击提交
数据会发到web服务器的contest.php里，当然了，你也可以自己写一个php文件
下面是index.htm的l代码
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>TEST</title> </head> <body> <!--form是表单主体--> <form action = "http://wickedlysmart.com/hfhtmlcss/contest.php" method = "POST"> <!--POST是表单发送时用的HTTP协议--> <p>Jsut type in your name (and click Submit) to enter the contest: <br> First name : <input type = "text" name = "firstname" value = ""> <!--input元素代表一个输入框，type = "text"告诉我们要输入文本，也就是字符串，name属性是这个input元素的名字，value属性用于在输入框里显示一些东西，
但是输入框还要给用户输入数据，所以value属性空白为好--> <br> Last name: <input type = "text" name = "lastname" value = ""> <br> <input type = "submit" value = "提交"> <!--当value = ""时这个输入框上写的是submit，但submit只是type属性的值，和输入框的显示没关系，不可以修改，value属性才是导致输入框上显示不同的原因--> </form> </body> </html>
有关于HTTP协议，请等待我的教程，或者去看别人的也可以
深度解析一下<form action = "http://wickedlysmart.com/hfhtmlcss/contest.php" method = "POST">这个元素
form代表表单的开始
/form代表表单的结束
http://wickedlysmart.com/ 代表web服务器的URL
hfhtmlcss 代表脚本所在的文件夹
contest.php 代表脚本的文件名
method = "POST" 决定表单数据如何发送给服务器
//本系列教程基于《Head First HTML与CSS(第二版)》,此书国内各大购物网站皆可购买
转载请注明出处 by:M_ZPHr
最后修改日期：2019-01-19
原文链接:https://www.cnblogs.com/MZPHr/p/10282059.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
- HTML基础01 2020-06-07
- [03]HTML基础之行内标签 2020-06-01
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
