HTML语言教程--第五章表单(FORM)标记(TAGS).doc
-
资源ID:13257332
资源大小:200.50KB
全文页数:7页
- 资源格式: DOC
下载积分:4元
快捷下载
会员登录下载
微信登录下载
微信扫一扫登录
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
HTML语言教程--第五章表单(FORM)标记(TAGS).doc
.表单(FORM)标记(TAGS)基本语法表单的基本语法<form action="url" method=*>. . <input type=submit> <input type=reset></form> *=GET, POST 表单中提供给用户的输入形式<input type=* name=*>*=text, password, checkbox, radio, image, hidden, submit, reset*=Symbolic Name for CGI script 文字输入和密码输入*=text, password <input type=*><input type=* value=*><form action=/cgi-bin/post-query method=POST>您的姓名: <input type=text name=姓名><br>您的主页的网址: <input type=text name=网址 value=http:/><br>密码: <input type=password name=密码><br><input type=submit value="发送"><input type=reset value="重设"></form>窗体顶端您的姓名: 您的主页的网址: 密码: 窗体底端<input type=* size=*><input type=* maxlength=*><form action=/cgi-bin/post-query method=POST><input type=text name=a01 size=40><br><input type=text name=a02 maxlength=5><br><input type=submit><input type=reset></form>窗体顶端窗体底端复选框(Checkbox) 和 单选框(RadioButton) <input type=checkbox><input type=checkbox checked><input type=checkbox value=*><form action=/cgi-bin/post-query method=POST><input type=checkbox name=水果1> Banana<p><input type=checkbox name=水果2 checked> Apple<p><input type=checkbox name=水果3 value=橘子> Orange<p><input type=submit><input type=reset></form>窗体顶端BananaAppleOrange窗体底端<input type=radio value=*><input type=radio value=* checked><form action=/cgi-bin/post-query method=POST><input type=radio name=水果> Banana<p><input type=radio name=水果 checked> Apple<p><input type=radio name=水果 value=橘子> Orange<p><input type=submit><input type=reset></form>窗体顶端BananaAppleOrange窗体底端图象坐标 在下面选则一个系数后,在图象上点一下,就知道什么是图象坐标了! <input type=image src=url><form action=/cgi-bin/post-query method=POST><input type=image name=face src=f.gif><p><input type=radio name=zoom value=2 checked>x2<input type=radio name=zoom value=4>x4<input type=radio name=zoom value=6>x6<p><input type=reset></form>窗体顶端x2 x4 x6窗体底端隐藏表单的元素 <input type=hidden value=*><form action=/cgi-bin/post-query method=POST><input type=hidden name=add value=hogehoge.jp>Here is a hidden element. <p><input type=submit><input type=reset></form>窗体顶端Here is a hidden element. 窗体底端列表框(Selectable Menu) 基本语法<select name=*><option> .</select> <option selected><option value=*><form action=/cgi-bin/post-query method=POST><select name=fruits> <option>Banana <option selected>Apple <option value=My_Favorite>Orange</select><p><input type=submit><input type=reset></form>窗体顶端窗体底端<select size=*><form action=/cgi-bin/post-query method=POST><select name=fruits size=3> <option>Banana <option selected>Apple <option value=My_Favorite>Orange <option>Peach</select><p><input type=submit><input type=reset></form>窗体顶端窗体底端<select size=* multiple>注意,是用 Ctrl 键配合鼠标实现多选。(和 MS-WINDOWS 的 File Manager 一样) <form action=/cgi-bin/post-query method=POST><select name=fruits size=3 multiple> <option selected>Banana <option selected>Apple <option value=My_Favorite>Orange <option selected>Peach</select><p><input type=submit><input type=reset></form>窗体顶端窗体底端文本区域<textarea name=* rows=* cols=*> . <textarea><form action=/cgi-bin/post-query method=POST><textarea name=comment rows=5 cols=60></textarea><P><input type=submit><input type=reset></form>窗体顶端窗体底端对于很长的行是否进行换行的设置(Word Wrapping) <textarea wrap=off> . </textarea>不换行,是缺省设置。 <textarea wrap=soft> . </textarea>“软换行”,好象 MSWORD 里的“软回车”。 <form action=/cgi-bin/post-query method=POST><textarea wrap=soft name=comment rows=5 cols=25> </textarea><P><input type=submit><input type=reset></form>窗体顶端窗体底端<textarea wrap=hard> . </textarea>“硬换行”,好象 MSWORD 里的“硬回车”。 <form action=/cgi-bin/post-query method=POST><textarea wrap=hard name=comment rows=5 cols=25> </textarea><P><input type=submit><input type=reset></form>窗体顶端窗体底端*;