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的更多相关文章

  1. 分享:在微信公众平台做HTML5游戏经验谈(转载与http://software.intel.com/zh-cn/blogs/2013/04/03/html5)

    分享:在微信公众平台做HTML5游戏经验谈 Dawei Cheng 程大伟... 于 星期三, 03/04/2013 - 03:19 提交 最近微信公众游戏平台讨论得如火如荼,大有HTML5游戏即将引 ...

  2. 【03】《论道html5》(全)

    [03]   <论道html5>   共320页. 魔芋:已看完.   读后感:html5各个新特性的介绍.介绍了canvas,web socket,audio,video,web wor ...

  3. 03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 2.功能元素 1.hgroup 对网页或区段(secti ...

  4. 【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件

    上次,我们形成了两种header的布局,一种flexbox,一种float,最后与身边做重构的同事交流下来,选择了float的布局. 事实上布局的选型不需要我关注,我的参与或者一些意见多数是自我提升, ...

  5. HTML5学习总结-03 地理定位

    一 地理定位 HTML5 Geolocation(地理定位)用于定位用户的位置. 1 地理定位 地理位置 经度  :   南北极的连接线 纬度  :   东西连接的线 位置信息从何而来: IP地址 G ...

  6. HTML5 学习03——内联 SVG

    什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...

  7. web全栈架构师[笔记] — 03 html5新特性

    HTML5新特性 一.geolocation PC端 精度比较低 通过IP库定位 移动端 通过GPS window.navigator.geolocation 单次 getCurrentPositio ...

  8. HTML5学习总结-番外03 Angular Ionic

    一 Angular Angular使用了MVVC设计模式,MVVC在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把mode ...

  9. html5 知识点简单总结03

    table表格 ----基本结构 table默认无边框(border) <table border="数值"> <tr> <th>表头</ ...

随机推荐

  1. POJ1287(最小生成树入门题)

    Networking Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7753   Accepted: 4247 Descri ...

  2. spring-data-cassanra的简单使用

    之前写了JAVA操作cassandra驱动包,现在来看看spring-data对cassandra的支持.这里是spring-data-cassandra的官方文档:http://docs.sprin ...

  3. [51nod1102]面积最大的矩形(单调栈||预处理)

    题意:求序列上某区间最小值乘区间长度的最大值. 解题关键:很早就在<挑战程序设计竞赛>中见过了,单调栈模板题,注意弹栈时如何处理后面的元素. 法一:单调栈 #include<bits ...

  4. Jquery中的toggle()方法

    Jquery中的toggle()方法,有一次在看别人写的Jquery插件时,发现对toggle有如下使用 search.pagePrevious.toggle(data.pageNumber > ...

  5. codevs3145 汉诺塔游戏

    3145 汉诺塔游戏  时间限制: 1 s  空间限制: 32000 KB  题目等级 : 白银 Silver     题目描述 Description 汉诺塔问题(又称为河内塔问题),是一个大家熟知 ...

  6. 洛谷P4213 【模板】杜教筛(Sum)(杜教筛,莫比乌斯反演)

    传送门 坑着,联赛活着回来再填(死了就不填了) // luogu-judger-enable-o2 //minamoto #include<iostream> #include<cs ...

  7. Java基础--常用API--字符串相关API

    一.java.lang.String 1.string对象不可变,被final修饰,不能被继承. 2.赋值方式: (1)直接赋值.比如: String name = "rick"; ...

  8. Spring JdbcTemplate详解及项目中的运用

    1.Spring对不同的持久化支持: Spring为各种支持的持久化技术,都提供了简单操作的模板和回调 ORM持久化技术 模板类 JDBC org.springframework.jdbc.core. ...

  9. 小白入门AI教程:教你快速搭建大数据平台『Hadoop+Spark』

    Apache Spark 简介 Apache Spark 是专为大规模数据处理而设计的快速通用的计算引擎.Spark是UC Berkeley AMP lab (加州大学伯克利分校的AMP实验室)所开源 ...

  10. C 语言实例 - 判断字母

    C 语言实例 - 判断字母 C 语言实例 C 语言实例 用户输入一个字符,判断该字符是否为一个字母. 实例 #include <stdio.h> int main() { char c; ...