<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行跟列这里代表字数
然后完成图
时间： 2024-10-10 18:16:53