黑马程序员_html常用标签4
来源:互联网 发布:怎样关闭服务器80端口 编辑:程序博客网 时间:2024/04/18 13:09
---------------------- 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
- 黑马程序员_html常用标签4
- 黑马程序员_Html常用标签
- 黑马程序员_html常用标签1
- 黑马程序员_html常用标签2
- 黑马程序员_html常用标签3
- 黑马程序员_HTML常用标签总结
- 黑马程序员_HTML表单标签
- 黑马程序员_HTML重点标签
- 黑马程序员_html
- 黑马程序员_HTML基础
- 黑马程序员_html
- 黑马程序员_html语言
- 黑马程序员_HTML学习
- 黑马程序员_HTML、CSS
- 黑马程序员_html基础
- 黑马程序员_HTML
- 黑马程序员_html 语言
- 黑马程序员_HTML
- 'PIO_STACK_LOCATION' : illegal use of this type as an expression
- 黑马程序员_html常用标签2
- windows消息列表
- js跳转页面方法(转)
- 黑马程序员_html常用标签3
- 黑马程序员_html常用标签4
- Exception in thread "main" java.io.IOException: Job failed! 已解决
- antlr.collections.AST.getLine()I异常
- 黑马程序员_css study notes(Sorted from w3cschool)1
- 黑马程序员_css study notes(Sorted from w3cschool)2
- Unix环境程序之进程
- windows XP下MySQL Cluster集群安装配置
- LINUX JDK 安装与环境变量设置
- poj 2607 Fire Station