前端入门知识点之表单和框架

---

form表单

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

<form  action=""  method=""  enctype=""   name="" >
  表单元素
  ……
</form>

action：属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL
method：属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST.
enctype：属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值：
● application/x-www-form-urlencoded（默认的设置，没有文件上传可以不加）
● multipart/form-data (有文件上传)

---

表单的作用

搜集不同类型的用户输入信息
表单是由网页上可以提供用户输入和选择的⼀些控件（表单元素）组成的

单行文本框

属性：type="text"

<input  type="text"   name=""  size=""   maxlength="" placeholder='' value="" />
<!--
type：值为text为单行文本框
size: 文本框的长度
maxlength：文本框可以输入内容的最大长度
placeholder：占位符
value：输入的内文本
name：自定义名称
-->

密码框

属性：type="password"

<input  type="password"   name=""  size=""   maxlength=""  value="" />

---

多行文本框

<textarea  name=""   cols=""    rows=""  ></textarea>

注意：默认点击边框有一个蓝色的边框 input:focus{ outline: 0;}

---

单选框

属性：type="radio"

<input type=