员,那么肯定会知道什么叫表单,这里我们就介绍一下前台怎样使用表单。表单的使用也是我们编写网页的必须经历的一关。并且,表单也往往是我们站点的漏洞和弱点出现的地方。

*************表单*************

1.所谓表单,就是一个包括表单元素的区域,所谓表单元素。能够是输入文本的文本框,也能够是用于输入password的password框,还能够是各种各样的下拉框。还有可能是单选框和复选框。

2.表单通常须要定义一个方法。用属性method表示,它表示我们把数据提交给server后台所使用的方法,通常来说,method有get和post两种方式,假设是get方式的提交,那么表单的数据能够在url中出现,而post方式就安全的多了,不会再url中出现。

3.表单通常还须要定义一个action属性,它的属性值是server后台的处理脚本,server后台能够用php写,能够用java,还能够用python等等,这一点确实不好说了。

************表单元素****************

1.所谓表单元素,通常我们使用输入标签来表示,即input标签。它也是一个空标签。它没有与之相应的结束标签。我们通过指定它的type属性来让该表单元素具有不同的功能。

2.比方我们能够指定type的属性为text,那么此时它表示一个文本输入框。

3.比方我们能够指定type的属性为password,那么此时它表示一个password输入框。事实上password输入框和文本输入框非常像,假设非要说差别,那就是它的显示特别单一,我们无法从它的显示信息来获取password的内容。

4.我们能够通过指定type属性为radio来设置为一个单选框,它须要传递一个value属性,表示当我们选中该单选框的时候向后台传递的值是多少。

5.我们还能够通过指定type属性为checkbox来设置为一个复选框,它能够同一时候选择。

6.我们的表单是须要提交给后台处理程序的。此时我们定义type为submit,它还能够接受一个value属性来指定该button的显示文本信息。

****************name属性***************

1.我们上面提到表单中能够有input标签,而input表单都能够拥有一个name属性,它表示当我们把数据提交给后台的时候。用于区分这些内容,比方我们把一个表单的数据提交给后台的PHP去处理的时候,name的值就是$_POST数组的下标。

2.当我们点击type为submit的时候,它会提交表单,而且同一时候把数据发送过去。

3.以下是定义了一个表单的代码:

<form action = "reg.php"  method = "post">
账号:<input name="userid" type ="text" /><br />
密码: <input name="pwd" type = "password" /><br />
<input type = "submit" value = "登录" />
</form>

**************小结**************

1.这里我们定义了表单,假设读者会诸如java或者php等server端的语言。就非常easy理解了。

2.假设读者没有后台方面的基础,可能该酒吧有点困难,还建议学习前景的朋友关注一下背景知识,毕竟,两者息息相关。

版权声明:本文博客原创文章。博客,未经同意,不得转载。

2014辛星完全解读html第五节的更多相关文章

  1. 2014年辛星完全解读Javascript第五节 break和continue与错误处理

    先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句, ...

  2. 2014年度辛星css教程夏季版第五节

    本小节我们讲解css中的”盒模型“,即”box model“,它通常用于在布局的时候使用,这个”盒模型“也有人成为”框模型“,其实原理都一样,它的大致原理是这样的,它把一个HTML元素分为了这么几个部 ...

  3. 2014年辛星完全解读Javascript第七节 数组和对象

    由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. *********** ...

  4. 2014年辛星完全解读Javascript第六节 对象

    随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象 ...

  5. 2014年辛星完全解读Javascript第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******** ...

  6. 2014年度辛星html教程夏季版第五节

    如果读者是一位后台开发者,那么肯定会知道什么叫表单,这里我们就介绍一下前台如何使用表单,表单的使用也是我们编写网页的必须经历的一关,而且,表单也往往是我们网站的漏洞和弱点出现的地方. ******** ...

  7. 2014年度辛星全然解读html第七节

    经过前面六节的学习,我们大致清楚了HTML教程中的基础内容,那么接下来我们開始继续向后推进,能够说,以下我们介绍一下HTML中的区块. ***************区块*************** ...

  8. 2014年辛星解读css第五节

    本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型&q ...

  9. 2014年辛星完全解读Javascript第一节

    ***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数 ...

随机推荐

  1. 【Unity技能】做一个简单的NPC

    1. 写在前面 前几天我看到cgcookie一个教程.学习了下怎么依据已有人物模型制作一个仿版的NPC人物.感觉挺好玩的,整理一下放到博客里! 先看一下教程里面的终于效果. 是不是非常像个幽灵~ 以下 ...

  2. JAVA经BigDecimal圆角的解决方案及注意事项

    /** * @Description: 四舍五入住宿2小数位数 * @param valueName * @return */ public static Double formateDouble45 ...

  3. [LeetCode228]Summary Ranges

    题目: Given a sorted integer array without duplicates, return the summary of its ranges. For example, ...

  4. NTVS:把Visual Studio变成Node.js IDE 的工具

    NTVS(Node.js Tools for Visual Studio) 运行于VS2012或者VS2013.一些node.js的爱好者已经从PTVS(Python Tools for Visual ...

  5. Shuttle ESB(四)——宣布订阅模式实例介绍(1)

    前,我的重点是关注的三篇文章Shuttle ESB入境和宏观的概念范例. Shuttle ESB模式:请求/对应模式与Pub/Sub模式. 关于这两种模式的区分,请看以下文章的介绍:Shuttle E ...

  6. HDU 3829 Cat VS Dog

    题意: p个人  每一个人有喜欢和讨厌的动物  假设选出的动物中包括这个人喜欢的动物同一时候不包括他讨厌的动物那么这个人会开心  问  最多几个人开心 思路: 二分图最大独立集  利用人与人之间的冲突 ...

  7. java 二维码原理以及用java实现的二维码的生成、解码(转)

    http://blog.csdn.net/songylwq/article/details/8643948 http://sjsky.iteye.com/blog/1136934 http://bbs ...

  8. css两种动态显示星星等级的比较(一星、两星、三星、四星、五星)

    原文:css两种动态显示星星等级的比较(一星.两星.三星.四星.五星) 以下是显示后的图片,相信在很多网站上都能看到这种效果,目前我知道两种实现方式 1.background-position加上一张 ...

  9. JAVA: httpclient 详细说明——第四章;

    httpclient 具体解释--第一章. httpclient 具体解释--第二章: httpclient 具体解释--第三章: httpclient 具体解释--第四章: httpclient 具 ...

  10. Fizz-Buzz-Whizz

    Fizz-Buzz-Whizz ThoughtWorks测试 问题描述: 1. 你首先说出三个不同的特殊数,要求必须是个位数,比如3.5.7. 2. 让所有学生拍成一队,然后按顺序报数. 3. 学生报 ...