第十章 表单的应用
10·1 表单概述
表单可以分为两部分:一是用HTML源代码描述的表单,可以直接通过插入的方式添加到网页中,二是提交后的表单处理,需要调用服务器端编写好的脚本对客户端提交的信息作出回应。
10·2 表单标记---<form>(双)
语法:<form name="" method="" action="" enctype="" target=""></form>
表单标记属性:
name:设置表单名字
method:设置表单发送的方法,可以是"post"或者"get"
action:设置表单处理程序
enctype:设置表单编码方式
target:设置表单显示目标
10·3 信息输入---<input>
语法:<form><input name="" type=""></form>
name:插入控件的名称。
type:显示插入控件的类型,如:文本框,单选按钮,复选框等。
10·3·1插入文本框---text
语法:<form><input name="text" type="text" maxlength="" size="" value=""></form>
maxlength:设置输入的最多字符
value:设置默认值
size:设置控件宽度
10·3·2 插入密码框---password
语法:<form><input name="password" type="password" maxlength="" size=""></form>
10·3·3 插入文件域---file
在文件域中可以添加整个文件,例如:发送邮件时,添加的附件都需要使用文件域来实现。
语法:<form><input name="file" type="file"></form>
10·3·4 插入复选框---checkbox
语法:<form><input name="text" type="checkbox" id="" value=""></form>
注:id为可选项
10·3·5 插入单选按钮---radio
语法:<form><input name="r1" type="radio" id="" value=""></form>
10·3·6 插入标准按钮---button
语法:<form><input name="b1" type="button" id="" value=""></form>
10·3·7 插入提交按钮---submit
语法:<form><input name="s1" type="submit" id="" value=""></form>
10·3·8 插入重置按钮---reset
语法:<form><input name="r1" type="reset" id="" value=""></form>
10·3·9 插入图像域---image
语法:<form><input name="image" type="image" src=\'#\'" width="" height="" border=""></form>
10·3·10 插入文字域---textarea
语法:<form>
<textarea name="text" type="textarea" rows="" cols="" wrap="" id=""></textarea>
</form>
10·3·11 插入隐藏域---hidden
语法:<form><input name="h1" type="hidden" value=""></form>
10·3·12 插入下拉菜单---<select>和列表项---<option>
语法:<form>
<select name="" size="">
<option value="">
<option value="">
...
</select>
</form>
本文出自 “白鹿学院” 博客,转载请与作者联系!