HTML表单
表单是HTML的一个重要部分,主要用于采集和提交用户输入的信息。
<form name=“f1” action=“处理表单用的URL” method=“get或post” >
</form>
1、name: 设置表单的名称。
2、action: 设置表单的处理程序的URL。
3、method:提交表单的方法。
HTML 表单中常用的标记:
输入域<input>一般在表单中使用
1、<inputtype=“text” />输入单行文字
2、<inputtype=“password”/>输入密码
3、<inputtype=“radio” />单选按钮
4、<inputtype=“checkbox” />多选按钮
5、<inputtype=“image” />图片
6、<inputtype=“file” />文件上传
7、<inputtype=“hidden” />隐藏域
8、<inputtype=“reset” />撤销按钮
9、<inputtype="submit" />提交按钮
10、<inputtype=“button” />普通按钮
11、多行文本输入标记<textarea>
<textarea name=“t1”,rows=x,cols=x>…
</textarea>
name 设置识别名称。
rows设置文本域的行数
cols设置文本域的列数
disabled设置文本为禁用
warp 设置为off不换行
<select name=selectname>
<option selected>选项一</option>
< option >选项二</option>
……
</select>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body >
<marquee direction="right" behavior="alternate" bgcolor="#3333FF">
hello,great boy.......
</marquee>
<hr>
<form>
输入单行文字 <input type="text" /><br>
输入密码 <input type="password" /><br>
单选按钮 <input type="radio" name="abc" /> <input type="radio" name="abc" /> <br>
多选按钮 <input type="checkbox" name="ab"/><input type="checkbox" name="ab"/> <br>
图片域 <input type="image" src="29.gif" /><br>
文件上传 <input type="file" /> <br>
隐藏域 <input type="hidden" /><br>
撤销按钮 <input type="reset" value="撤销按钮" /> <br>
提交按钮 <input type="submit" value="提交按钮" /> <br>
执行脚本 <input type="button" value="普通按钮" οnclick="prompt() " /> <br>
<textarea name="t1" rows="4" cols="50">
文本域
</textarea>
<br>
<hr>
<select name="selectname">
<option>中国</option>
<option selected="selected">美国</option>
<option>日本</option>
</select>
</form>
</html>
HTML表单提交数据:html提交数据时必须设置<input>标签name和value属性,以便asp程序能获取相应的值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body >
<form name="form1" action="request.asp" method="post">
<p>
请输入用户名: <input name="name" type="text" size="10" maxlength="7" />
<br>
请输入密码:
<input name="password" type="password" size="10" maxlength="6"/>
<br>
选择强项:<br>
体育<input type="checkbox" name="ck" value="体育" />
音乐<input type="checkbox" name="ck" value="音乐" />
跳舞<input type="checkbox" name="ck" value="跳舞" />
<br>
性别:<br>
男<input type="radio" name="sex" value="男" checked="checked" /> 女<input type="radio" name="sex" value="女" />
<br>
<select name="sn">
<option selected="selected"> 中国</option>
<option>美国</option>
<option>韩国</option>
</select>
<br>
<input name="确定" type="submit" id="确定" value="提交" />
<input name="重置" type="reset" value="重置">
<p>
</form>
</body>
</html>