前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DHTML【3】--HTML

DHTML【3】--HTML

作者头像
py3study
发布2020-01-15 12:41:36
4010
发布2020-01-15 12:41:36
举报
文章被收录于专栏:python3python3python3

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

实例:

<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"/>男<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>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-07-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档