form标记
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
method属性：指定数据传送到服务器的方式。当method=get（默认值）时，将输入数据加在action指定的地址后面传送到服务器；当method=post时，则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用电子邮件接收用户信息也采用这种方式。
name属性：用于设定表单的名称。
if (isBetween(d,1,maxDays)==false){return(false);} else
{return(true);}
}
}
（2）isBetween（val,low,high）范围确定函数
功能：确认所输入的数据是否位于参数low和high之间，如果是函数返回true，否则返回false。
属性name设定当前变量名称。
属性type的值决定了输入数据的类型。其选项较多，各项的意义如下：
type=text：表示输入单行文本。
typet=textarea：表示输入多行文本。
type=password:表示输入数据为密码，用星号表示。
type＝checkbox：表示复选框。
<option value="重庆" > 三明 </option>
</select>
<br> <br>
<input type="submit" value=" 我要提交">
<input type="reset" value="全部重填"></p>
</form>
var maxDays=31;
if (isInt(m)==false || isInt(d)==false || isInt(y)==false)
{ return(false);}
else if (y.length<4){return(false);}
其基本语法结构如下：
<textarea name=name cols=n rows=n wrap=off|hard|soft></textarea>
属性name：表示文本框名称；
属性clos、rows：分别表示多行文本输入框的宽度和高度（列数、行数）；
属性wrap：进行换行控制，当wrap＝off时不自动换行；当wrap＝hard时自动硬回车换行，换行标记一同被传送到服务器中去；当wrap＝soft时自动软回车换行，换行标记不会传送到服务器中去。
type＝radio：表示单选框。
type＝submit：表示提交按钮，数据将被送到服务器。
type＝reset：表示清除表单数据，以便重新输入。
type＝file：表示插入一个文件。
type＝hidden：表示隐藏按钮。
type＝image：表示插入一个图像。
type＝button：表示普通按钮。
（5）isEmail（myStr）电子邮件确认函数
<select name=nametext size=n multiple>
<option selected value=value1>
<option selected value=value2>
…
</select>
属性name：设定下拉式菜单的名称。
onreset属性（onsubmit属性）设定了在按下reset按钮（submit按钮）之后要执行的子程序。
2．<input>表单输入标记
其基本语法结构如下：
<input name=value type=text|textarea|password|checkbox|radio| submit|reset|file|hidden|image|button value=the_value src=url checked maxlength=n size=n onclick=function onselect=function>
属性size：在type取值texyarea时有效，表示在输入多行文本时的最大输入字符个数。
属性onclick：表示在按下输入时调用指定的子程序。
属性onselect：表示当前项被选择时调用指定的子程序。
3．<select>下拉菜单标记
用<select>标记用于在表单中插入一个下拉菜单，它需与<option>标记配合使用，其基本语法结构如下：
1．<form>表单标记
其基本语法结构如下：
<falue onreset=function1 onsubmit=function2 >
</form>
action属性：用于指定处理表单数据程序的url地址。采用电子邮件方式时，用action="mailto:目标邮件地址"。
var ss= timeStr.substring(colonDex+1, timeStr.length);
if ((hh.length<1)||(hh.length>2)|| (!isInt(hh))) {return(false);}
else if ((ss.length<1)||(ss.length>2)(!isInt(ss))){return(false);}
<select name="area" style="width"50" size="1">
<option value="北京" selected > 福州 </option>
<option value="天津" > 厦门 </option>
<option value="上海" > 泉州 </option>
if (the1st==the2nd) { return(false); }
else { var m=myStr.substring(0,the1st);
var d= myStr.substring(the1st+1,the2nd);
var y= myStr.substring(the2nd+1, myStr.length);
<p>你最喜欢的运动：
<input type="checkbox" name="sports" value=football> 足球
<input type="checkbox" name="sports" value=bastketball> 排球
CPU PIV 2700
Memory 256M DDR
</textarea><p>您的计算机操作系统图标
<input type="image" name="os" src="mycomputer.bmp" width="38" height="23">
您的家庭所在地：
例15-1 下列exa15_1.html文件用来说明一些常用标记的应用，运行结果见图15-2。
<%@ page contentType="text/html;charset=gb2312"%>
<html><head><title>表单应用实例</title><head>
<body>
else if (!isBetween(m,1,12)){return(false);}
else if (m==4 || m==6 || m==9 || m==11) maxDays=30;
else if (m==2){if (y%4 >0) maxDays=28; else maxDays=29;}
function isBetween(val,low,high)
{ if ((val<low)|| (val>high) { return(false); }
else {return(true);}
}
（3）isTime（）时间确认函数
功能：确认所输入的数据是否是一个合法的时间值（格式：HH：MM）。如果是函数返回true，否则返回false。
<form method="POST" action="">
<p align="center">用户注册
<p align="center">
您的尊姓大名：<input type="text" name="User" size="15"> 您的密码：<input type="password" name="pwd" size="16"><br>
value=the_value：用于设定输入默认值the_value，即如果用户不输入的话，就采用此默认值。
src=filename：是针对type=image的情况来说的，指定图像文件。
属性checked：在type取值radio/checkbox时有效，表示该项被默认选中。
属性maxlength：在type取值text时有效，表示最大输入字符的个数。
属性size：设定一次显示菜单项的个数，默认值=1；
属性multiple：表示可以进行多选；
<option>标记：表示下拉菜单中一个选项；
属性selected表示该选项默认选中；
属性value表示该选项对应的值，在该选项被中之后，其值就会被送到服务器进行处理。
4．<textarea>多行文本输入标记
（1）isDate（）日期确认函数
功能：确认所输入的数据是否是一个有效的日期（格式为：月/日/年），如果是函数返回true，否则返回false。
function isDate (myStr)
{ var the1st=myStr.indexof(‘/’);
var the2nd=stIndexof(‘/’);
else if ((!isBetween (hh,0,23))|| (!isBetween (ss,0,59))){return(false);}
else {return(true);}
}
}
（4）isDigit（myNum）数字确认函数
功能：确认所输入的数据是否是一个合法数字。如果是函数返回true，否则返回false。
您的性别：
<input type="radio" name="sexy" value=male> 男
<input type="radio" name="sexy" value=female> 女 <br>
<p>请填写您的计算机配置：</p>
<textarea NAME=“Computer” ROWS=3 COLS=64>
function isTime (timeStr)
{ var colondex=myStr.indexof(‘:’);
if (colonDex<1)||(colonDex>2)) { return(false); }
else { var hh=timeStr.substring(0, colonDex);
</body>
</html>
在讲述如何获取表单信息之前，先介绍一些用JavaScript编写的函数。这些函数用于检验表单中所要提交的数据格式是否正确，只有当数据格式符合要求才允许提交。可以将这些函数存放到一个文件中（比如Jspconfirm.js），然后将此文件包含到所编写的网页中，当然也可以根据需要在网页中单独引用。
function isDigit(myNum)
{ var mask= ’ 0123456789’;
if (isEmpty(myNum)) { return(false); }
else if (mask.indexOf(myNum)==-1) {return(false);}
return(true); }