html旅程之输入域控件

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

我们可以根据性质将该类控件分为:文本型、按钮型、选择型三个小类:

其中每一种控件与VB控件的对应关系表示为:

一、文本型

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

1.form:表单

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

  PS:get和post的区别

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

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

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

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

2.text:文本框

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

<span style="font-size:18px;"><html>
	<head>
		<title>演示text输入域</title>                        <!--设置该界面显示的标题 -->
	</head>
		<body>
			<h1>演示text</h1>
			<hr>
			<form action ="12.html" method="get">
				姓名:<input type="text"> <br>      <!--默认类型为文本框,也可设置为text型 -->
				年龄:<input type="text" name="age"><br>
				<input type="submit" value="保存">
			</form>
		</body>
</html></span>

注:当我们文本框为密码项时,需要设置相应属性,使密码非原码显示则:

3.textarea:文本说明域

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

二、按钮型

1.reset

也就是我们VB程序用到的“清空”按钮,而往日要实现的这种清空效果在html中只是对type属性的设置:

<span style="font-size:18px;">                        <input type="submit" value="保存(submit)"><br>    <!--提交按钮-->
			<input type="button" value="保存(button)"><br>  <!--普通按钮-->
			<input type="reset" value="保存(reset)"><br>    <!--重置类的按钮-->
			<input type="image" src="">                       <!--图片按钮--></span>

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

三、选择型

1.radio:单选框

单选框实现的前提是:所有的单选框name一致,否则将和多选框是一样的效果。

2.checkBox:复选框

3.selected

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

<span style="font-size:18px;">                  <select name="language" multiple >
				<option value="01">C语言</option>
				<option value="02">VB</option>
				<option value="03">C#</option>
				<option value="04">delphi</option>
		</select></span>

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

时间: 2024-08-26 16:23:41

html旅程之输入域控件的相关文章

java Swing 之文本域控件的使用

/** * java Swing 之文本域控件 * @author gao */ package com.gao; import java.awt.BorderLayout; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; import javax.swing.JScrol

重置输入区域控件的公用方法

private void InputClear(Control EditArea)        {            foreach (Control Ctrl in EditArea.Controls)            {                if (Ctrl.GetType().Equals(typeof(TextBox)))                {                    Ctrl.Text = "";               

WPF开发之限制输入的控件---------转自CDSN

原文地址 http://blog.csdn.net/ghosind/article/details/51627601 作者 ghosind 一,正则表达式过滤字符串 if (RegexString == null) { switch (ConstraintType) { case RestrictType.Int: // 整数 RegexString = @"^[-]?([\d]+)?$"; break; case RestrictType.UInt: // 非负整数 RegexStr

【macaca】输入交易密码控件,即keys在控件不可见的情况输入的解决办法

需要换adb input exec2("adb -s " + getAdrDeviceId() + " shell input text " +  content); 注意: 1.exec2这个在macacaClient里已经暴露出来了,可以拼接上各自的设备id执行这个命令 2.这个只对安卓生效 3.是在biz层加的exec2方法,依赖biz层jar包的可以直接用

Android 输入控件

今天天气不错   虾米 来讲解 Android中输入的控件  在 Android中输入控件是常见的 随处可见 今天又时间 写一篇Android中输入控件的集合  了解他们的相同处和不同处,下面是Android系统中我们常用到的输入控件 好 废话不多 开始: Android已经为接受来自用户的输入多种不同的输入控件的支持.常见的输入控件包括: Buttons Text Fields Checkboxes Radio Buttons Toggle Buttons Spinners NumberPic

基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明

这一章主要介绍常用From表单控件,如图所示: 红色框框住的就是常用From表单控件.从左到右分别是From,复选框,单选框,文本框,多行文本框,下拉列表,按钮,图片按钮,隐藏文本框,Lable 复选框和单选框介绍与说明: 因为单选框和复选框属性和设置界面一直,所以就一起讲解,点击复选框按钮弹出,复选框设置界面,如下图: 属性说明与用法: 字段说明 输入类型 说明 控件ID   自动生成,生成一个唯一的控件ID,如果页面存在重复预览页面会报错 控件名称 手工输入 方便编辑时,知道该控件是做什么的

基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobox.日期输入控件.数值输入控件.单项选择.复选框.表格控件DataGrid.树形控件.布局控件.弹出式对话框.提示信息.列表控件等,这些界面控件的操作都有哪些不同,下面我们来逐一进行介绍. <input class="easyui

webForm中的验证控件

1.非空验证控件:RequireFieldValidator  :2.数据比较验证:CompareValidator :3.数据范围验证:RangeValidator :4.正则表达式验证:RegularExpressionValidator :5.自定义条件验证: CustomValidator 非空验证控件:RequireFieldValidator 当某个接受用户输入的控件中的内容,不能为空时,使用RequiredFildValidator控件, 必须设置以下两个属性: ErrorMess

samba服务器加入域控主机所需要修改的配置文件

samba服务器加入域控主机,成为域成员,当用户访问samba服务器上的共享文件时,直接到域控主机上进行认证.samba服务器上不需要像先前一样创建系统用户,创建samba用户及密码. 1.安装环境(host) SAMBA服务器:RHEL6.4      IP:192.168.1.101  主机名:sambaserver.samba.com 域控主机WINSERVER2008  IP:192.168.1.100  主机名:winserver.samba.com 域名:SAMBA.COM 设置SE