DHTML【3】--HTML

简介:     从这一节开始我们就开始介绍HTML的标签了,首先我们来介绍Form标签。     Form标签也称Form表单,From是与服务器交互最重要的标签,此标签必须做到随手就写,写完就正常运行的地步。

    从这一节开始我们就开始介绍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 >

目录
相关文章
|
7月前
|
移动开发 HTML5
|
22天前
|
前端开发 搜索推荐
html的常用技巧
【4月更文挑战第1天】html的常用技巧
10 2
|
12月前
|
数据安全/隐私保护
HTML汇总
HTML汇总 1列表 2单词含义 3图片标签 4视频标签
46 0
|
XML 数据格式 开发者
html 4.01
html 4.01
97 0
|
Web App开发 移动开发 前端开发
|
移动开发 HTML5
|
JavaScript 前端开发
|
Web App开发 前端开发 JavaScript

热门文章

最新文章

相关实验场景

更多