表单语法介绍

form标签

【标签格式】
<form action="n1" method="n2" enctype="n3" name="n4">
...
</form>

1.action属性
设定这个表单在填写完成以后要送给Server上的哪一个程序处理,有可能是CGI程序、ASP程序、PHP程序或是EXE程序。
例如:<form action="addnew.asp">

2.method属性
设 定传送数据的方式,一个是GET,它的运作方式是当用户填完数据送出后,浏览器会将所填入的变量名称及数据加在一个属性所指定的URL之后,依HTTP将 数据传送出去,而Server会把数据存在QUERY-SRTING这个环境变量当中,供处理程序使用。这个方法送出的数据不能超过512Byte。另一 个是POST,是把用户所填的数据变成一个数据包(Package),传到ACTION属性所指位置(url)去,这个就不会有数据大小的限制。
例如:<form action="addnew.asp" method="get">
例如:<form action="addnew.asp" method="post">

3.enctype属性
设定要送出的数据使用何种编码方式,我们编写的表单大多数是用浏览器预设的编码方式,但是也有其他种类的编码方式,如文件上传的程序就是用其他的编码格式。
例:<form enctype="multipart/form-data" action="cpshost.dll?publish?/main.asp">

4.name属性
给予这个form元素一个名字,将来在应用程序才能指定特定的formy元素。
例如:<form name="Thisform" action="Addnew.asp">

INPUT标签

【标签格式】
<input name="n1" type="n2">
主要功能是提供一个可输入的界面供用户输入或是送出数据给Server。

1.name属性
给予这个input元素一个名称,将来在应用程序才能指定特定的input元素。

2.type属性
设定<input>标签输入元件的格式。
1)type=text
2)type=password
3)type=radio 注:此属性值后面还可以跟一个value属性,是给Server端的程序使用的,如果Server端的程序要读取sel变量的值时,就会读到value中所写的值。
4)type=checkbox
5)type=reset
6)type=submit
7)type=hidden

select标签

【标签格式】
<select name="n1">
<option value="n2">n3
</select>
其中<select>标签中的name属性是这个选项的变量名称,而<option>中的value属性则是设定要传送给Server的程序时所读取的变量值。

textarea标签

【标签格式】
<textarea name="n1" rows="n2" cols="n3"></textarea>
这个标签提供多行多列的输入元件,用户可在元件中做文字的编辑,name属性是给予<textarea>标签一个名字,未来输入的数据即是通过此名称传送出去,rows是设定行数,cols是设定列数。

========================================================
表单标签范例:
<html>
<head>
<title>表单标签范例</title>
</head>
<body background="bg.jpg">
<form name="thisform" action="goto.asp">
姓名:<input type="text" name="cname" size="25" /><br />
电话:<input type="text" name="ctel" size="25" /><br />
地址:<input type="text" name="caddr" size="50" /><br />
密码:<input type="password" name="pwd" /><br />
你是通过何种方式知道本站的?<br />
<input type="radio" name="sel" value="1">我是从报纸看到这个网站的<br />
<input type="radio" name="sel" value="2">我通过朋友介绍知道本站的<br />
<input type="radio" name="sel" value="3">我是从搜索引擎搜索到本站的<br />
<input type="radio" name="sel" value="4">我是从电视上知道本站的<br />
请问下面哪首歌曲是莫文蔚唱的?<br />
<input type="checkbox" name="song1" value="风一样的男子">风一样的男子<br />
<input type="checkbox" name="song2" value="阴天">阴天<br />
<input type="checkbox" name="song3" value="双城故事">双城故事<br />
<input type="checkbox" name="song4" value="日子">日子<br />
<input type="checkbox" name="song4" value="没时间">咩时间<br />
<input type="checkbox" name="song4" value="忽然之间">忽然之间<br />
<select name="day">
请问今天是星期几?<br />
<option value="星期一">星期一
<option value="星期二">星期二
<option value="星期三">星期三
<option value="星期四">星期四
<option value="星期五">星期五
<option value="星期六">星期五
<option value="星期日">星期日
</select><br />
请您在此发表自己的意见,谢谢<br />
<textarea name="memo" cols="50" rows="5">
请在此输入文字
</textarea>
<input type="reset" value="清楚输入">
<input type="submit" value="送出">
</form>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章