黑马程序员_html常用标签4

---------------------- 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属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数 <input type="SUBMIT" value="按钮上的字" name="" id=""> 将表单内容提交给服务器的按钮 <input type="RESET" value="按钮上的字" > 将表单内容全部清除,重新填写的按钮 <input type="CHECKBOX" name="" value="" checked> 几个选项的name子必须相同，value用于标记每个选项，checked表示默认选项，可以出现在多个选项中，多选 你喜欢哪些教程： Html入门 动态Html ASP <input type="button" name="" value="按钮上显示的字" onclick="处理程序" 一般配合脚本对表单进行处理 <input type="HIDDEN"> 隐藏区域,用户不能在其中输入,用来预设某些要传送的信息 　 <input type="IMAGE" src="URL" name=""> 使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器 <input type="PASSWARD" size="" maxlength=""name="" value="默认值"> 同text。输入密码的区域,当用户输入密码时,区域内将会显示"*"号 请输入您的密码： <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> 请选择最喜欢的男歌星: <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> 请选择最喜欢的女歌星: 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> 您的意见对我很重要: 九、多媒体标签 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