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. C++的函数重载与C参数个数不一致时的编译

    C++的函数重载意味着函数名和返回值类型相同,但是参数个数和/或类型不同.在编译过程中编译器一般会把各个参数的类型连接到函数名内组成新的函数名,以区分各个重载函数. C语言不支持函数重载.但是有时候虽 ...

  2. 南阳oj水题集合,语言的灵活运用

    a+b 输入 输入两个数,a,b 输出 输出a+b的值 样例输入 2 3 样例输出 5 c/c++ #include<iostream> using namespace std; int ...

  3. Advanced R之构造子集

    转发请声明出处:http://www.cnblogs.com/lizichao/p/4794733.html 构造子集 R构造子集的操作功能强大而且速度快.精通构造子集者可以用简洁的方式表达复杂的操作 ...

  4. Java类加载原理解析(转)

    1 基本信息 每个开发人员对java.lang.ClassNotFoundExcetpion这个异常肯定都不陌生,这背后就涉及到了java技术体系中的类加载.Java的类加载机制是技术体系中比较核心的 ...

  5. c# 鼠标点击控件即拖动窗体

    在编程中,有时打开的窗体没有边框,但是我们仍然想在鼠标放在窗体上就能拖动窗体,这样我们只需要以窗体中的一个控件为参考,我们在这里以panel为例子: public class PanelNew : P ...

  6. ThinkPHP隐藏index.php出现No input file specified的解决方法

    因为在Fastcgi模式下,php不支持rewrite的目标网址的PATH_INFO的解析 ThinkPHP运行在URL_MODEL=2时,会出现 No input file specified.的情 ...

  7. maven工程导入eclipse后报错

    原因:需要重新部署下tomcat环境 解决方式: 右击->属性:

  8. The web.config file for this project is missing the required DirectRequestModule.

    The web.config file for this project is missing the required DirectRequestModule.   将应用程序集的模式由集成改为经典 ...

  9. Java8函数式接口之Predicate<T>

    作用: 这是一个功能接口,因此可以作为lambda表达式或方法引用的赋值目标. 实例: /** * Created by luo on 2017/5/3. */ public class Predic ...

  10. python寻找小于给定值的最大质数

    # -*- utf-8 -*- # @Time: 2019-04-16 # @ Author: chen def prime(self, value): """判断是否为 ...