表单元素和iframe

一：表单及表单元素

1，input标签

type类型：

text:文本输入框

password:密码输入框

number:数字输入框

radio:单选按钮

checkbox:复选框

button:按钮

submit:提交按钮

reset:重置按钮

file:文件域

hidden:隐藏域

tel:电话号码输入框

search:搜索框

2，lable标签：扩大选择域

    <!-- lable中的for指向input中的id -->
    <label for="username">姓名</label> <input type="text" id="username">

3，txtarea文本域： 用于多行文本

row:表示行的可见宽度       cols:表示列的可见宽度

4，下拉标签

select里面包裹option

multiple="multiple"可以让用户进行多选

selected="selected" 默认选中

    <select name="" id="">
        <option>选项一</option>
        <option selected="selected">选项二</option>
        <option>选项三</option>
        <option>选项四</option>
    </select>

五，表单域

 <form action=”url地址” method=”提交方式 name=”表单名称”>

六，表单的提交方式

1，提交方式常见的有两种是：GET和POST

GET:从指定的资源请求数据。

GET：明文请求，请求的数据会保存在浏览器中，提交数据URL最大长度是2048个字符，安全性较差。

POST:向指定的资源提交要处理的数据。

POST: 密文请求，请求不会被缓存；发送数据没有限制，POST比GET更安全。

七：块级元素与行内元素

1，块级元素：在浏览器中独占一行

常见的块级元素有：div  p   h1~h6  br   ol   ul  

2,行内元素：在浏览器中可以与其他行内元素共占一行

常见的行内元素有：a  span  strong  em  img  input  select 

八，iframe嵌套框架

<iframe>标签规定一个内联框架，被用来在当前的HTML文档中嵌入另一个文档。

应用场景：当代码有大量重复的时候，减少代码量。

width:规定iframe的宽度。

height:规定iframe的高度。

src:规定iframe中显示文档的URL。

frameborder=" 0" :去除边框

九，MVC框架

M：模型层-model  数据库的交互内容

V：视图层-view 页面

C：控制层-centroller  处理业务逻辑的操作

原理：把数据提交到控制层-centroller中的某个控制器去处理，根据用户输入的内容去查找数据

1，获取用户输入在文本框里的数据

2，把这个数据拿到数据库查找 M

3，把查找到的数据以json格式传递给页面 V

4，在页面中获取从后端接口发过来的json格式的数据

5，渲染