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>表头</ ...
随机推荐
- C++多态的实现条件
#include <iostream> class Person{ public: virtual void say(){ std::cout<<"person&qu ...
- 【转】Android Menu
Menu由两种形式,Option menu和Context menu.前者是按下设备的Menu硬按钮弹出,后者是长按widget弹出. Option Menu 当我们按下Menu的硬件按钮时,Opti ...
- Jasper:用户指南 / 设备 / 生命周期管理 / SIM 卡状态
ylbtech-Jasper:用户指南 / 设备 / 生命周期管理 / SIM 卡状态 1.返回顶部 1. SIM 卡状态 每个设备都有一个状态,决定了它能否在网络上建立数据连接,并且会影响设备是否计 ...
- 按钮交互loading ---- 转圈圈 加载
按钮loading状态自定义选项(功能): 可以在元素上添加 data-am-loading 来设置选项: spinner 加载动画图标,适用于支持 CSS3 动画.非 input 元素,写图标名称即 ...
- [xdoj1216]子树第k小(dfs序+主席树)
解题关键:dfs序将树映射到区间,然后主席树求区间第k小,为模板题. #pragma comment(linker, "/STACK:1024000000,1024000000") ...
- IIS PHP的Loaded Configuration File为空解决[转]
在Windows Server 2003上,IIS配置支持PHP,发现PHP扩展未加载,phpinfo()查看,显示 Configuration File (php.ini) Path (none) ...
- 12. nc/netcat 用法举例
nc命令用法举例 什么是nc nc是netcat的简写,有着网络界的瑞士军刀美誉.因为它短小精悍.功能实用,被设计为一个简单.可靠的网络工具 nc的作用 (1)实现任意TCP/UDP端口的侦听,nc可 ...
- 小程序与Spring项目数据交互
上一篇博客刚说了利用Postman来测试Spring Boot项目,测试通过后就可以和小程序进行交互了. 首先要在微信开发者工具里面,点击"详情",勾选上"不校验合法域名 ...
- rest framework 认证
一.简单认证示例 需求: 用户名密码正确:没有 token 则产生一个 token,有 token 则更新,返回登录成功: 若用户名或密码错误,返回错误信息. 1.models.py from dja ...
- VS~通过IIS网站启用"域名"调试
在我们开发网站时,对某些信息进行序列化时,通常使用session,cookies,nosql等技术,而为了安全,我们在服务器上很多情况都做了防止盗链的设计,这给本机调试带来了不便,因为,本机都是以lo ...