<html>
<meta charset="utf-8">
<head><title>表单标志</title></head>
<body>
<!--创建一个表单-->
<form action="cgi-bin/tongji.cgi" method="post">
<!--创建一个输入框-->
<p><input type="text"></p></p><!--第一种-->
<p><input type="submit"></p><!提交按钮>
<p><input type="reset"></p><!将表单内容全部清除然后重新输入按钮>
<p><input type="checkbox"></p><!复选框,yes or on>
<p><input type="hidden"></p><!隐藏区域用户时不能输入的>
<p><input type="image" src="URL" width="100" height="40" ></p><!使用图像来代替提交按钮>
<p><input type="password"></p><!用户输入时,会变成密码星号>
<p><input type="radio"></p><!来决定是否选择其缺省值>
<!另外name属性来区别输入框,value属性来获取输入框内容>
<!--<select></select>-->
<p>请选择你喜欢的男歌星:</p>
<select name="gx1" size="1">
<option value="ldh">刘德华
<option value="zxy">张学友
<option value="gfc">郭富城
<option value="lm">黎明
</select>
<p>请选择你喜欢的女歌星:</p>
<select name="gx2" size="1">
<option value="zmy">张曼玉
<option value="tz">田震
<option value="wf">王菲
<option value="ny">那英
</select>
<!--<textarea>...<>textaraea-->
<p>输入您的意见</p>
<textarea name="yj" cols="20" rows="5">请输入您的意见</textarea>
</form>
</body>
</html>
1.<form>...</form>在html中这个标签相当于创建一个表单,即约束表单的开始和结束它有3个属性action程序将要执行的方法mothod服务器从程序获取数据的方式有get 和post target用来指定窗口和目标框架
2.<input type>用来定义输入信息,可以参照上边代码跟下边的图示
3.<select>...<select>用来创造一个下拉选框和复选列表它有三个属性multiple这个用于是否多选,没有赋值,直接加入代码使用.name 为此列表的名字. size为此列表的高度
4.<option>放在<select>...<select>之间,用来创建一个列表 它有2个属性selected加上这个标志后将是默认为选中谁 ,另外一个value是将要给服务器的值(数据)
5.<textarea>...<textarea>这是一个文本输入框它有3个属性 name 输入框名字 cols rows行跟列这里代表字数
然后完成图