黑马程序员_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入门动态HtmlASP

<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