一:表单及表单元素
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,渲染