[互联网]html.ppt

5.10.5 使用INPUT元素创建按钮 使用INPUT元素也可以创建提交按钮、清除按钮和普通按钮，与使用BUTTON元素创建的按钮没有区别，但TYPE的属性值分别为：“submit”、“reset”和“button”，另外，按钮中的文字在VALUE属性中设置。请看以下代码： HTML HEAD TITLE使用INPUT元素创建按钮/TITLE /HEAD BODY FORM NAME=MYFORM ACTION=“# 分校：INPUT TYPE=text NAME=school VALUE=北京分校BR 姓名：INPUT TYPE=text NAME=nameBR 密码：INPUT TYPE=password NAME=passwordBR 性别：INPUT TYPE=radio NAME=sex VALUE=man CHECKED男 INPUT TYPE=radio NAME=sex VALUE=woman女BR 政治面貌： SELECT NAME=PolityVis OPTION VALUE=qz群众/OPTION OPTION VALUE=gcdy共产党员/OPTION OPTION VALUE=gqty共青团员/OPTION OPTION VALUE=mzdp民主党派/OPTION/SELECTBR 选课：INPUT TYPE=checkbox NAME=class VALUE=yw语文 INPUT TYPE=checkbox NAME=class VALUE=sx数学 INPUT TYPE=checkbox NAME=class VALUE=yy英语 备注：TEXTAREA NAME=bz/TEXTAREABR P ALIGN=center INPUT TYPE=submit VALUE=提交nbsp; INPUT TYPE=reset VALUE=清除/P /FORM /BODY /HTML 运行代码 5.10.6 图片按钮 使用BUTTON元素可以在按钮加入文字和图片，但是没有办法将整个图片当作一个按钮来使用，而INPUT元素可以实现这一功能。将INPUT标签里的TYPE属性值设置为”image“，可以创建一个图片按钮。使用INPUT元素创建图片按钮，还必须使用SRC属性来指定图片的路径。请看以下代码： HTML HEAD TITLE图片按钮/TITLE /HEAD BODY FORM NAME=MYFORM ID=MYFORM1 请输入您的姓名：INPUT TYPE=text NAME=myname INPUT TYPE=image SRC=3.gif /FORM /BODY /HTML 运行代码 5.11 隐藏域 INPUT元素可以创建隐藏域，但其TYPE属性值必须为“hidden”。由于隐藏域不会在浏览器里有任何显示而又需要向服务器或脚本提交内容，因此隐藏域必须要有NAME属性和VALUE属性。请看以下代码： HTML HEAD TITLE隐藏域/TITLE /HEAD BODY FORM NAME=MYFORM ID=MYFORM1 请输入您的姓名：INPUT TYPE=text NAME=myname INPUT TYPE=hidden NAME=oldname VALUE= INPUT TYPE=button VALUE=确定 /FORM /BODY /HTML 运行代码 5.12 INPUT元素总结 表单控件 TYPE属性值 单行文本框 INPUT TYPE=“text” 密码框 INPUT TYPE=“password” 单选框 INPUT TYPE=“radio” 复选框 INPUT TYPE=“checkbox” 文件选择框 INPUT T