web前端学习笔记

二，HTML第二天笔记

1.表单
表单用于搜集不同类型的用户输入，表单由不同类型的标签组
成，实现一个特定功能的表单区域（比如：注册），首先应该用<form>
标签来定义表单区域整体，在此标签中再使用不同的表单控件来实
现不同类型的信息输入，具体实现及注释可参照以下伪代码：


form 定义表单区域,action 定义表单数据提交的地址，method 属性定义提交的方式 <form action=“http://www…” method=“get”> label 标签定义表单控件的文字标注，input 类型为 text 定义了一个单行文本输入框


设置密码框 type类型为password 否则密码就会被别人看见没有安全性

性别选择框type类型为radio单选框


兴趣爱好框type类型为checkbox类型

<fieldest>标签可以吧他们框起来

下拉框应该使用<select>标签

<bottom>为按钮类型
<submit>为重置数据类型
<value>输入什么文本框中就默认什么
<placeholder>为文本框中阴影的部分
<!-- input 类型为 submit 定义提交按钮 还可以用图片控件代替 submit 按钮提交，一般会导致提交两次，不建议
使用。如： <input type="image" src="xxx.gif"> --> <p> <input type="submit" name="" value="提交"> 
<!-- input 类型为 reset 定义重置按钮 --> <input type="reset" name="" value="重置"> 

重点补充

GET 方法与 POST 方法
GET 方法
GET 方法是默认的 HTTP 请求方法，我们日常用 GET 方法来提交表
单数据，然而用 GET 方法提交的表单数据只经过了简单的编码，同时
它将作为 URL 的一部分向 Web 服务器发送，因此，如果使用 GET 方法
来提交表单数据就存在着安全隐患上。例如

从上面的 URL 请求中，很容易就可以辩认出表单提交的内容。 （？
之后的内容）另外由于 GET 方法提交的数据是作为 URL 请求的一部分
所以提交的数据量不能太大
POST 方法
POST 方法是 GET 方法的一个替代方法，它主要是向 Web 服务器提 交表单数据，尤其是大批量的数据。POST 方法克服了 GET 方法的一 些缺点。通过 POST 方法提交表单数据时，数据不是作为 URL 请求的 一部分而是作为标准数据传送给 Web 服务器，这就克服了 GET 方法中 的信息无法保密和数据量太小的缺点。因此，出于安全的考虑以及对 用户隐私的尊重，通常表单提交时采用 POST 方法。