DHTML --HTML - html/css语言栏目：html.css

DHTML --HTML - html/css语言栏目：html.css - 自学php

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] 从这一节开始我们就开始介绍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的讲解就到这里，下面给出一个具体实例，大家在学习的时候也要模仿各大网站注册页面多做几个实例，为日后工作做准备。

实例：

html plain" style="position: static !important; padding-bottom: 0px !important; line-height: 1.1em !important; border-right-width: 0px !important; list-style-type: none; margin: 0px; padding-left: 0px !important; outline-width: 0px !important; width: auto !important; bottom: auto !important; padding-right: 0px !important; font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace !important; float: none !important; border-top-width: 0px !important; border-bottom-width: 0px !important; height: auto !important; color: black !important; font-size: 1em !important; vertical-align: baseline !important; overflow: visible !important; border-left-width: 0px !important; top: auto !important; right: auto !important; padding-top: 0px !important; left: auto !important"> 

<html>
<head></head>
<body><Formmethod="Post">
<Tableborder="5"bordercolor="#0000FF"cellSpacing="0"> 
 <Tbody>  
  <tr><td>用户名：</td><td><inputtype="text"name="userName"/></td></tr>  
</Tbody><Tbody><tr><td>密码：
</td><td><inputtype="password"name="psw"/></td></tr>
  </Tbody><Tbody><tr><td>确认密码：
</td><td><inputtype="password"name="repsw"/></td></tr>  
</Tbody><Tbody><tr><td>性别：
</td><td><inputtype="radio"name="sex"value="nan"/>男
<inputtype="radio"name="sex"value="nv"/>女</td></tr>  
</Tbody><Tbody>   
 <tr><tdcolSpan="2"align="center"><inputtype="submit"value="注册"colSpan="2"/><inputtype="reset"value="重置"></td></tr>  
</Tbody> </Table></Form> 
</body></html>

Jquery CSS 与 Attr - html/css语言栏目：html.css - 自学

子串计算 - html/css语言栏目：html.css - 自学php

子栏目

DHTML --HTML - html/css语言栏目：html.css - 自学php

最新评论

添加评论

更多文章推荐

添加评论