DHTML【3】--HTML
从这一节开始我们就开始介绍HTML的标签了,首先我们来介绍Form标签。
Form标签也称Form表单,From是与服务器交互最重要的标签,此标签必须做到随手就写,写完就正常运行的地步。
那么什么是Form标签呢?我们几乎每个人都有一个属于自己的QQ号,而且这个QQ号和对应密码自己都牢记于心,那么你的QQ号是怎么申请的呢?假如你是同过电脑在网页申请的,申请的时候腾讯要求你填入相应信息,确认完信息腾讯再给你分配一个账号和密码,那么说这些和Form标签有什么关系呢?
其实不只是注册QQ号,凡是你注册成为一个网站的会员或者Vip,也或者注册邮箱,网站都要求你填写信息,网站获取信息就是获取的Form标签里的内容,所以说Form标签内的内容是和服务器交互的。
Form标签里主要放input标签,input标签一共有10种Type,这10种Type也要求全面掌握,下图是对这十种Type的一个简单的介绍:
看完这张图,相信你对Type的种类应该有一个概念性的认识了,在你的脑海中也许能想象到他们是什么样子的,最主要的还是掌握这些Type的使用方法和场合。
Form还有两个重要的属性,Action与Method属性,Action属性的功能是定义一个 URL,当点击Submit时,向这个URL 发送数据;Method属性的功能是向 actionURL 发送数据的 HTTP 方法,属性值有Get和Post两个,默认是Get。
那么Get和Post有什么区别呢?看下表:
提交方式 |
地址栏显示数据 |
数据受地址栏限制 |
对敏感信息安全 |
提交信息封装在 |
Get |
是 |
是 |
否 |
请求行 |
Post |
否 |
否 |
是 |
数据体 |
其实二者的区别也可以简单的这样理解,从服务器取数据的时候一般用Get,而向服务器传数据的时候一般用Post。
关于Form的讲解就到这里,下面给出一个具体实例,大家在学习的时候也要模仿各大网站注册页面多做几个实例,为日后工作做准备。
实例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
< html >
< head ></ head >
< body >
< Form method = "Post" >
< Table border = "5" bordercolor = "#0000FF" cellSpacing = "0" >
< Tbody >
< tr >< td >用户名:</ td >< td >< input type = "text" name = "userName" /></ td ></ tr >
</ Tbody >
< Tbody >
< tr >< td >密码:</ td >< td >< input type = "password" name = "psw" /></ td ></ tr >
</ Tbody >
< Tbody >
< tr >< td >确认密码:</ td >< td >< input type = "password" name = "repsw" /></ td ></ tr >
</ Tbody >
< Tbody >
< tr >< td >性别:</ td >< td >< input type = "radio" name = "sex" value = "nan" />男< input type = "radio" name = "sex" value = "nv" />女</ td ></ tr >
</ Tbody >
< Tbody >
< tr >< td colSpan = "2" align = "center" >< input type = "submit" value = "注册" colSpan = "2" />< input type = "reset" value = "重置" ></ td ></ tr >
</ Tbody >
</ Table >
</ Form >
</ body >
</ html >
|
DHTML【3】--HTML的更多相关文章
- DHTML【1】
什么是DHTML呢?英文全称(Dynamic Hypertext Markup Language),即动态超文本标记语言,DHTML不是一个独立的新技术,而是多种技术的综合,它能使HTML变的更 ...
- DHTML【2】--HTML
通过题目,大家已经明确知道,从这一节开始介绍DHTML中的最基础的部分HTML,对于HTML等概念上一节已经做了概述,这一节不再赘余.在学习HTML之前,先告诉大家一个好消息,HTML不难,比C++. ...
- DHTML【8】--CSS
在讲HTML时说过,有个Style标签是在CSS里用的,是的,在HTML中添加CSS样式必须要用到Style,在标签里单独定义标签属性时用的是Style属性.上一节我们也说过,先不用管那个Style标 ...
- DHTML【9】--Javascript
大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚. 好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript. 初看Javas ...
- DHTML【6】--CSS
从今天开始,我们迎来了一个新的面孔---CSS,二者这也是一个漂亮的面孔,为什么说这是一个漂亮的面孔呢?因为CSS是做特效的,可以美化HTML页面,我们看到淘宝网.网易首页等网站都非常好看,那都是一些 ...
- DHTML【11】--DOM
大家好,从今天开始,我们将进入DOM的学习. DOM?DOM是何东东呢?大家还记得我在前面提过的DOM树吗?就是我在前面讲HTML的时候画的那个图,那个其实就是一个简单的DOM树,浏览器在解析HTML ...
- DHTML【10】--Javascript
大家好,这一节主要介绍Javascript的函数.函数是Javascript的核心中的核心,这么强调一点都不过分,相信没有人反对,如果有人反对,你以后可以不用函数,呵呵,说的有点绝了啊. 下面看一下J ...
- Python开发【前端】:DOM
DOM(文档对象模型(Document Object Model)) 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.在网页 ...
- 【开源】分享一个前后端分离方案-前端angularjs+requirejs+dhtmlx 后端asp.net webapi
一.前言 半年前左右折腾了一个前后端分离的架子,这几天才想起来翻出来分享给大家.关于前后端分离这个话题大家也谈了很久了,希望我这个实践能对大家有点点帮助,演示和源码都贴在后面. 二.技术架构 这两年a ...
随机推荐
- 十天学Linux内核之第四天---如何处理输入输出操作
原文:十天学Linux内核之第四天---如何处理输入输出操作 真的是悲喜交加呀,本来这个寒假早上8点都去练车,两个小时之后再来实验室陪伴Linux内核,但是今天教练说没名额考试了,好纠结,不过想想就可 ...
- Android两个注意事项.深入了解Intent和IntentFilter(两)
深入理解Intent和IntentFiler(二) 转载请表明出处:http://blog.csdn.net/u012637501(嵌入式_小J的天空) 在上一篇文章中,我们比較具体学习了&q ...
- bash shell:重定向标准错误输出
如何重定向标准错误输出到标准输出?如何把标准错误输出输出到一个文件? Bash提供了I/O重定向工具,有3个缺省的文件(标准输出流): stdin - 用来获取输入,比如键盘.文件重定向 stdout ...
- PHP第六课 使用方法数组
学习要点: *使用主阵列功能的理解 *知道如何遍历 *了解超全局数组和使用的基本关系 数组 1.数组定义和遍历 2.数组函数 数组定义: $arr=array(1,2,3);//索引数组,下标全是数字 ...
- MVC Bootstrap Helpers
ASP.NET MVC Bootstrap Helpers 阅读目录 序言 内置的HTML Helpers 创建自定义的Helpers 使用静态方法创建Helpers 使用扩展方法创建Helper ...
- linux open
一直记住不打开文件时候的mode,今天发现原来可以直接用0644这样的八进制数字代替,好开森 #include <stdio.h> #include <sys/types.h> ...
- Equals 和==
class Person { private string name; public string Name { get ...
- 枚举 UIButton补充
一.URL 1.什么是URL? URL是某个资源的唯一路径,通过这个路径就能访问对应的资源 2.URL的组成 协议头://全路径 * 协议头就代表资源的类型,比如http代表网络服务器资源,ftp代表 ...
- POJ 1182(食物链-另类做法【拆点】)[Template:并查集]
食物链 Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 46039 Accepted: 13400 Description ...
- datatables表格
datatables表格 并不是所有的后台开发都有美工和前端工程师来配合做页面,为了显示数据并有一定的美感,jQuery的DataTables插件对于像我这样的前端菜鸟来说真是雪中送炭,当然对于专业的 ...