form表单域{
action=“url地址”
method=“请求方式”
name=“表单名称”
}
action的属性值是把当前表单中的数据提交到另一个程序去处理(后端功能接口)
label为input元素定义标注,点击label标签时,被绑定的表单元素会获得输入焦点
textarea标签(文本域)
select 下拉框 option中selected="selected"默认选中
表单的提交方式
提交方式不同:
get:从制定的资源请求数据 (从一个地方拿数据时80%用get)
post:向指定的资源提交要被处理的数据(关于表单的一律用post)
规则不同:
get:请求可被缓存;请求保留在浏览器历史记录中;请求可被收藏为书签;请求不应在处理敏感数据时使用 应当用于获取数据
post:请求不会被缓存;请求不会保留在浏览器历史记录中;不能被收藏为书签;请求对数据长度没有要求
数据要求不同:
get:当发送数据时,get方法向url添加数据;url的长度是受限制的(url的最大长度是2048个字符)get的安全性较差,因为所发送的数据时url的一部分。
post:发送数据无限制。post比get更安全,因为参数不会被保存在浏览器历史或者web服务器日志中。
块级元素与行内元素
块级元素(block element)在浏览器中占据整行,并排斥其他元素与其位于同一行。
常见的块级元素:
div 最典型的块元素
p 表示段落
h1-h6 表示1-6级标题(默认加粗)
br 表示换行
ol 有序列表
ul 无序列表
行内元素:
行内元素又称内联元素(inline block)。在浏览器中可以与其他行内元素共占一行,只有当多个元素的总长度大于整个块的长度才会换行
常见的行内元素如下表:
a 超链接
span 常用行级
strong 加粗,强调
b 加粗,不强调
em 斜体,强调
i 斜体,不强调
img 图片
input 输入框
select 下拉列表
iframe嵌套框架
<iframe>标签规定一个内联框架,被用来在当前HTML文档中嵌入另一个文档
属性 值 描述
width pixels 规定<iframe>的宽度
height pixels 规定<iframe>的高度
name name 规定<iframe>的名称
allow-forms
sandbox allow-same-origin 对<iframe>的内容定义一系列额外的限制
allow-scripts
allow-top-navigation
seamless seamless 规定<iframe>看起来像是父文档中的一部分
src url 规定在<iframe>中显示的文档的URL
srcdoc HTML_code 规定页面中的HTML内容显示在<iframe>中
MVC模式:是后端web程序的编程模式
M:模型层-model 数据库交互的内容
V:视图层-view 页面
C:控制层-controlder 处理业务逻辑的操作
browser 浏览器 iis 服务器 controller 控制器 view 页面
表单 块级元素 行内元素和对MVC的简单了解
最新推荐文章于 2024-07-22 15:19:55 发布