更多
黑客联盟 黑客软件
学生黑客联盟
您现在的位置:学生黑客联盟 > 编程频道 > WEB前端 > 浏览信息
html旅程之输入域控件
时间:2015-03-20 22:05 来源:www.stuhack.com 作者:学盟网
在html的学习中,我们会遇到很多控件的学习。其中有一类叫做输入域的控件,可以承载用户输入的数据,也可以通过html改变数据的传递方式,或者它本身的样式。 我们可以根据性质将该类控件分为:文本型、按钮型、选择型、隐含域四个小类,由于篇幅问题这里先介

在html的学习中,我们会遇到很多控件的学习。其中有一类叫做输入域的控件,可以承载用户输入的数据,也可以通过html改变数据的传递方式,或者它本身的样式。

本文来自学盟网(www.stuhack.com)

我们可以根据性质将该类控件分为:文本型、按钮型、选择型、隐含域四个小类,由于篇幅问题这里先介绍前三种类型。 学生黑客联盟 www.stuhack.com

前三类中每一种控件与VB控件的对应关系表示为: www.stuhack.com

\ 学盟网

一、文本型 内容来自学生黑客联盟

这种类型的控件都是以文本的形式呈现,可以直接将用户输入的文本数据承载下来,然后进行传递。

内容来自学生黑客联盟

1.form:表单

学生黑客联盟 www.stuhack.com

主要属性有:action、method(get和post)、type、name. www.stuhack.com

PS:get和post的区别 内容来自学生黑客联盟

1. get是从服务器上获取数据,post是向服务器传送数据。

本文来自学盟网(www.stuhack.com)

2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。特别是在超链接的跳转时,get方法会将相应的URL地址直接加载到目前页面所在的网址之后,组成字符串的连接。而post的过程会直接实现页面跳转,地址栏的网址不发生任何的变化,所以用户看不见这个过程。

www.stuhack.com

3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。

学生黑客联盟 www.stuhack.com

4. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。

本文来自学盟网(www.stuhack.com)

2.text:文本框

学盟网

在该控件中,我们可以通过id来唯一标识控件,通过name来设置控件的名称,value可以设置控件的值(默认或者显示的值),size设置文本框的长度,maxsize设置最大长度。下面使用一段代码来验收总结: copyright www.stuhack.com

内容来自学生黑客联盟


	 
		演示text输入域                        
	
		
			

演示text


姓名:
年龄:
copyright www.stuhack.com
注:当我们文本框为密码项时,需要设置相应属性,使密码非原码显示则:

学盟网

\ copyright www.stuhack.com

3.textarea:文本说明域 www.stuhack.com

它的形状和功能类似listBox控件,可以存放大量的文本数据,而textarea可以通过rows和cols的属性设置行和列。

www.stuhack.com

二、按钮型

本文来自学盟网(www.stuhack.com)

1.reset

copyright www.stuhack.com

也就是我们VB程序用到的“清空”按钮,而往日要实现的这种清空效果在html中只是对type属性的设置: 本文来自学盟网(www.stuhack.com)

                        


copyright www.stuhack.com
这四种按钮控件都是通过type属性的设置实现的,其中image和VB中的image控件一样,type=“button”的是最普通的按钮。

copyright www.stuhack.com

三、选择型 内容来自学生黑客联盟

1.radio:单选框

学生黑客联盟 www.stuhack.com

单选框实现的前提是:所有的单选框name一致,否则将和多选框是一样的效果。 本文来自学盟网(www.stuhack.com)

2.checkBox:复选框

学盟网

3.selected

本文来自学盟网(www.stuhack.com)

这是下拉列表的控件,也就是vs中用到的combox控件。默认情况下,我们只能选择下拉项中的一个,但是当我们设置multiple属性之后我们就可以实现多选的效果: www.stuhack.com

\

内容来自学生黑客联盟

本文来自学盟网(www.stuhack.com)

                   www.stuhack.com 


学盟网

尽管html是BS中的知识,而VB是刚入学就学过的“旧知识”,但html完全可以看做是VB的一种衍生品:通过更改个别属性控件便可以实现同样的效果。 学生黑客联盟 www.stuhack.com


www.stuhack.com




本文标题:html旅程之输入域控件

本文地址:http://www.stuhack.com/bc/qianduan/032014243.html

免责声明:本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。




百度钱包“落子

一个商户通过审核入驻百度钱包,将获得百度[查看详细]

移动搜索&发

移动搜索在移动端的创新和颠覆也为百度探索[查看详细]

张向宁:移动互联

张向宁回顾了他2002年提出的“互联网十大预[查看详细]

淘宝开卖二维码门

截至4月20日,淘宝已经售出车展的实体门票[查看详细]

百度钱包杀入移动

“百度钱包”将完成的 “搜索用户”与“消[查看详细]