---------------------- android培训、java培训、期待与您交流! ----------------------
教程八、表单标志 |
1.<form></form> 2.<input type=""> 3.<select></select><option> 4.<textarea></textarea> |
1.<form></form> <form></form>属性:action=“url”表单提交时连接地址、method=get/post将表单数据发送到服务器的方式、name给表单命名、target、enctype表单信息提交方式。 2.<input type=""> <input type="">标志用来定义一个用户输入区,用户可在其中输入信息。此标志必须放在<form></form>标志对之间。<input type="">标志中共提供了八种类型的输入区域,具体是哪一种类型由type属性来决定。请看下边列表:
type属性取值 | 输入区域类型 | 输入区域示例 | <input type="TEXT" size="" maxlength="" name="" value="默认值"> | 单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数 | ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <input type="SUBMIT" value="按钮上的字" name="" id=""> | 将表单内容提交给服务器的按钮 | ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <input type="RESET" value="按钮上的字" > | 将表单内容全部清除,重新填写的按钮 | ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <input type="CHECKBOX" name="" value="" checked> | 几个选项的name子必须相同,value用于标记每个选项,checked表示默认选项,可以出现在多个选项中,多选 | 你喜欢哪些教程: Html入门 动态Html ASP | <input type="button" name="" value="按钮上显示的字" οnclick="处理程序" | 一般配合脚本对表单进行处理 | | <input type="HIDDEN"> | 隐藏区域,用户不能在其中输入,用来预设某些要传送的信息 | | <input type="IMAGE" src="URL" name=""> | 使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器 | ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <input type="PASSWARD" size="" maxlength=""name="" value="默认值"> | 同text。输入密码的区域,当用户输入密码时,区域内将会显示"*"号 | 请输入您的密码:![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <input type="RADIO" name="" value="" checked> | 几个选项的name子必须相同,value用于标记每个选项,checked表示默认选项,只能出现在一个选项中,单选 | 10月3日中韩国奥队比赛结果会是: 中国胜 平局 韩国胜 | <input type="file" name=""> | 用于上传文件,比如本地图片。 | | 此外,八种类型的输入区域有一个公共的属性name,此属性给每一个输入区域一个名字。 3.<select></select><option> <select></select>标志对用来创建一个下拉列表框或可以复选的列表框。此标志对用于<form></form>标志对之间。<select>具有multiple、name和size属性。multiple属性不用赋值,直接加入标志中即可使用,加入了此属性后列表框就成了可多选的了;name是此列表框的名字,它与上边讲的name属性作用是一样的;size属性用来设置列表的高度,缺省时值为1,若没有设置(加入)multiple属性,显示的将是一个弹出式的列表框。 <option>标志用来指定列表框中的一个选项,它放在<select></select>标志对之间。此标志具有selected和value属性,selected用来指定默认的选项,value属性用来给<option>指定的那一个选项赋值,这个值是要传送到服务器上的,服务器正是通过调用<select>区域的名字的value属性来获得该区域选中的数据项的。请看下例:
Html代码 | 浏览器显示的结果 | <form action="cgi-bin/tongji.cgi" method="post"> <p>请选择最喜欢的男歌星: <select name="gx1" size="1"> <option value="ldh">刘德华 <option value="zhxy" selected>张学友 <option value="gfch">郭富城 <option value="lm">黎明 </select> </form> | 请选择最喜欢的男歌星: ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | <form action="cgi-bin/tongji.cgi" method="post"> <p>请选择最喜欢的女歌星: <select name="gx2" multiple size="4"> <option value="zhmy">张曼玉 <option value="wf" selected>王菲 <option value="tzh">田震 <option value="ny">那英 </select> </form> | 请选择最喜欢的女歌星: ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | 4.<textarea></textarea> <textarea></textarea>用来创建一个可以输入多行的文本框,此标志对用于<form></form>标志对之间。<textarea>具有name、cols和rows属性。cols和rows属性分别用来设置文本框的列数和行数,这里列与行是以字符数为单位的。无value属性。请看下边的例子:
Html代码 | 浏览器显示的结果 | <form action="cgi-bin/tongji.cgi" method="post"> <p>您的意见对我很重要: <textarea name="yj" clos="20" rows="5"> 请将意见输入此区域 </textarea> </form> | 您的意见对我很重要: ![](http://cnc.qzs.qq.com/qzone/qzfl/editor/assets/blank.htm#) | 九、多媒体标签 | 1.<marquee></marquee> 设置滚动文字。属性:behavior设置移动方式(scroll滚动完后回原位重新滚动,默认、slide滚到一方后停止、alternate滚到一方后反向滚动)、direction(left从右到左、right从左到右、up从下到上、down从上到下)、bgcolor背景颜色、width height滚动字幕背景大小、scrollamount="n"滚动速度(n=1,2,……,n越大速度越快)、scrolldelay停顿时间单位毫秒、loop滚动次数、onMouseOver onMouseOut鼠标滑过时字幕动作成对使用(值常为函数调用,不一定是字幕动作)、onMouseDown onMouseUp当鼠标按下和松开时字幕动作成对使用(值常为函数调用,不一定是字幕动作)。 2.<embed></embed> 插入音乐。属性:autostart自动播放、src、loop、hidden="true/false"是否隐藏播放器。 3.<object></object> 略。 4.<bgsound /> 插入背景音乐。属性:src、autostart="true/false"、loop。 | |
---------------------- android培训、java培训、期待与您交流! ----------------------
详细请查看:http://edu.csdn.net/heima