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>表头</ ...
随机推荐
- Ubuntu 复制文件,修改文件名
复制 cp a b (a为旧的,b为新的) 修改 mv a b (a为旧的,b为新的)
- Excel解析easyexcel工具类
Excel解析easyexcel工具类 easyexcel解决POI解析Excel出现OOM <!-- https://mvnrepository.com/artifact/com.alibab ...
- linux正则表达式基础
linux中awk,sed,grep等 命令使用区别正则表达式基础 在最简单的情况下,一个正则表达式看上去就是一个普通的查找串.例如,正则表达式"testing"中没有包含任何元字 ...
- linux下使用c判断文件夹是否为空的小程序
自己写了一个 判断文件夹是否为空的小代码 //文件夹操作相关的函数的帮助$: man 3 readdir #include <stdio.h> #include <sys/types ...
- bootstrap的popover()的使用
有一些选项是通过 Bootstrap 数据 API(Bootstrap Data API)添加或通过 JavaScript 调用的.下表列出了这些选项: 选项名称 类型/默认值 Data 属性名称 描 ...
- Working Experience - MoveWindow API 失败/无效
写在前面 当然过程不可能这么顺风顺水,毕竟对 Win32 API 不熟悉,并且国内搜索引擎和博客质量较低(不误导你就算好了),最后还是通过 Google -> StackOverflow 找到答 ...
- OVN架构翻译
概述 ovn-controller是OVN在虚拟机上的agent,北向连接OVN的南向数据库,学习OVN的配置和状态,并使用虚拟机的状态来填充PN表以及Binding表的Chassis列:南向连接op ...
- RenderTexture
https://docs.unity3d.com/Manual/class-RenderTexture.html Size: 图片像素尺寸,这个size可以直接在脚本里通过width和height动态 ...
- Web项目开发介绍及实战项目介绍
引言 本系列课程我们将学些Golang语言中的Web开发框架Iris的相关知识和用法.通过本系列视频课程,大家能够从零到一经历一个完整项目的开发,并在课程中了解实战项目开发的流程和项目设涉及的各个模块 ...
- opencv多版本安装
使用命令查看当前的opencv版本: pkg-config --modversion opencv 自带的是opencv-2.4.9 安装opencv3.1 安装opencv的依赖项 sudo apt ...