html5 03
HTML03
一、 表单标签
<form></form>
常用属性
Action 跳转到什么页面
Method 以什么模式提交
Get
Url有长度限制
IE6.0 url 最大长度 2083个字符 超过无法提交
IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符
Opera 9.52
最大长度7648个字符 超过最大长度无法提交
所有提交内容会显示到地址栏位置 很不安全
a标签的跳转方式也是get方式传递
Post
大小不受限制 安全
Enctype
Multipart/form-data(有文件域的时候必须有这个的时候)
Application/x-www-form-urlencoded
二、Input标签
属性
1.Name 必须有 否则数据无法传递
2.type
Text 文本框
Submit 提交按钮
Password 密码域
Radio 单选框
如果你认为是统一个选项那么他们的name值必须是一样的 否则就变成单独的单选框了
注意如果是单选框就必须有value属性用来传递你要传递的值
Checkbox 复选框
注意:如果是复选框那么你的name值就需要加上一个[] 用来传递至 这个东西你加上就好 当学php的时候你就知道[]是什么意思了
必须要有value属性用来传递你选中了哪个的值
Button 普通按钮
Reset 重置按钮 清空表单中的所有内容
Hidden 隐藏域
隐藏域是给程序员来使用的用来传递内容和想要传递的信息但是不想让用户看见的内容 都使用隐藏域来传递
他必须有name属性和value属性 用来你传递的是什么信息
Image 图片提交按钮
使用图片提交按钮必须有src属性用于添加图片路径
File 文件域
但是如果你使用文件域了那么你的form表单标签的属性就要多添加一个内容
3.readonly 文本区只读
4.Disabled 禁用
5.Value 默认值 提示信息 传递值的作用
6.Checked 默认选中 适用的属性有单选框和复选框
三、下拉列表标签
1.<select></select>
常用属性:
Name 传递值 必须有
Disabled 禁止
Size 显示几个下拉
Multiple 多选默认会显示所有 但是如果你设置了这个属性 那么你的名字属性就要在他的后面加上[]
2.下拉项标签
<option></option>
常用属性:
Value 提交的值 若没有则提交内容
Selected 定义选中项
Disabled 选项禁止
四、多行文本域
<textarea></textarea>
常用属性:
Name 传递值 必须写
Cols 可见宽度
Rows 可见行数
Readonly 文本区域只读
Disabled 禁止
五、分帧
HTML 框架是划分窗口的技术 就是把一个窗口分隔成多个窗口 每个窗口显示不同的网页内容多用于后台 也叫做分帧
1.Frameset
注意 如果你在页面上写frameset 了那么就不能出现body 因为他们两个见面就打仗
<frameset></frameset>
常用属性:
Cols 分列单位可以写像素也可以写百分比 之后除上面内容外还可以写*(*代表剩余所有)
Rows 分行单位可以写像素也可以写百分比 之后除上面内容外还可以写*(*代表剩余所有)
Frameborder 分帧边框 0/1
Border 边框粗细
2.Frame
把窗口分成几份就要有对应的几个frame标签出现
<frame />
常用属性:
Name 给设置的区域一个名字 用作跳转使用
Src 默认的显示页面链接
Noresize 不允许调整边框
Scrolling 滚动条
Auto|yes 出现滚动条|no 不出现滚动条
html5 03的更多相关文章
- 分享:在微信公众平台做HTML5游戏经验谈(转载与http://software.intel.com/zh-cn/blogs/2013/04/03/html5)
分享:在微信公众平台做HTML5游戏经验谈 Dawei Cheng 程大伟... 于 星期三, 03/04/2013 - 03:19 提交 最近微信公众游戏平台讨论得如火如荼,大有HTML5游戏即将引 ...
- 【03】《论道html5》(全)
[03] <论道html5> 共320页. 魔芋:已看完. 读后感:html5各个新特性的介绍.介绍了canvas,web socket,audio,video,web wor ...
- 03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 2.功能元素 1.hgroup 对网页或区段(secti ...
- 【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件
上次,我们形成了两种header的布局,一种flexbox,一种float,最后与身边做重构的同事交流下来,选择了float的布局. 事实上布局的选型不需要我关注,我的参与或者一些意见多数是自我提升, ...
- HTML5学习总结-03 地理定位
一 地理定位 HTML5 Geolocation(地理定位)用于定位用户的位置. 1 地理定位 地理位置 经度 : 南北极的连接线 纬度 : 东西连接的线 位置信息从何而来: IP地址 G ...
- HTML5 学习03——内联 SVG
什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...
- web全栈架构师[笔记] — 03 html5新特性
HTML5新特性 一.geolocation PC端 精度比较低 通过IP库定位 移动端 通过GPS window.navigator.geolocation 单次 getCurrentPositio ...
- HTML5学习总结-番外03 Angular Ionic
一 Angular Angular使用了MVVC设计模式,MVVC在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把mode ...
- html5 知识点简单总结03
table表格 ----基本结构 table默认无边框(border) <table border="数值"> <tr> <th>表头</ ...
随机推荐
- SpringMVC之四:渲染Web视图
理解视图解析 在前面的例子中,我们看到控制器返回的都是一个逻辑视图的名称,然后把这个逻辑视图名称交给view resolver,然后返回渲染后的 html 页面给 client. 将控制器中请求处理的 ...
- 【250】◀▶IEW-Unit15
Unit 15 Youth Issues 1.model1题目分析 Young people who are still at school often feel just as much stres ...
- MD04
MD04执行MRP分析后, 将计划订单转换为采购申请单后,,如图所示 采购申请转为采购订单后,如图所示 采购订单生成后,MMBE查看库存 MIGO进行收货后,如下图 此物料在SO中已经收货,已有库存
- switch()出现警告warning:enumeration value ‘xxx’ not handled in switch
enumeration value ... not handled in switch 如果在switch中使用使用枚举类型,如:switch(枚举类型) 枚举类型的个数没有全部列出,就会报这个警告
- 利用oracle session context 向oracle传值
有时候,我们在执行数据库请求时,需要向数据库传一些应用程序的上下文信息,比如当前应用的用户.举个场景,我们要通过触发器记录对某些关键表的修改日志,日志包括修改的表,字段,字段的值,修改的时间,当然非常 ...
- UVa 10213 How Many Pieces of Land ? (计算几何+大数)欧拉定理
题意:一块圆形土地,在圆周上选n个点,然后两两连线,问把这块土地分成多少块? 析:这个题用的是欧拉公式,在平面图中,V-E+F=2,其中V是顶点数,E是边数,F是面数.对于这个题只要计算V和E就好. ...
- MVC+NHibernate笔记
Nhibernate 要求model实体类对于lazy="true" ,字段属性前需要加 virtual sqlserver2005和oracle10g的hibernate.cfg ...
- 如何获取input框type=file选中的文件对象(FileReader)
$("input[type='file']").change(function() { var file = this.files[0]; if (window.FileReade ...
- jzoj6004. 【PKUWC2019模拟2019.1.17】集合 (组合数学)
题面 题解 这种题目就是要好好推倒 我们枚举最小的数是哪一个,那么答案就是\[Ans=\sum_{i=1}^nT^i{n-i\choose k-1}\] 因为有\[\sum_{i=p}^n{n-i\c ...
- VBA for AutoCAD
Download the Microsoft Visual Basic for Applications Module (VBA) 2016 Downloads AutoCAD 2016 VBA mo ...