HTML 表单

社会主义新天地 提交于 2019-11-26 18:02:36

 经常看到图片的某个部位可以做链接,今天学到了~

<img src="8124.jpg" usemap="#map" border="0" /><!--给图片的某个区域做链接-->
<map name="map"><!--给图片命名-->
<area shape="circle" coords="200,200,50" href="http://www.baidu.com/" /><!--设置形状shape,坐标coords,和链接-->
<area shape="rect" coords="200,200,300,360" href="http://www.baidu.com/" />
</map><br />

 

div标签也可以做链接的---iframe:在原来页面嵌入小窗口显示其他页面

<div style="height:300px; width:400px; border:1px; #666 solid">
<iframe width="600px" height="300" src="file:///C:/Users/lenovo/Desktop/%E7%BF%9F%E5%96%B5%E5%84%BF%E7%9A%84%E7%AE%80%E5%8E%86.htm" frameborder="1"></iframe>
</div>

 

表单

<form id="" name="" method="post/get" action="负责处理的服务端">  id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,并且编码后内容不可见。

1.文本输入

 

文本框<input type="text" value="" disabled="disabled"/><br />

密码框<input type="password" /><br />

文本域<textarea cols="50"<!--字符多少--> rows="30"<!--几行高-->></textarea><br />

 

2.按钮输入

 

 

提交后会恢复默认值<input type="submit" value="提交" /><br />

重置按钮<input type="reset" value="重置" /><br />
普通按钮<input type="button" value="" /><br />
图片按钮<input type="image" src="8124.jpg" width="50"/>

 

2.选择输入

 

单选
<input type="radio" name="sex" /><label>男</label><br />name一样是一组

 

<input type="radio" name="sex" />女<br />

 

 

复选
<input type="checkbox" />鸡腿,也可以设定一组name<br />
<input type="checkbox" />鸡米花<br />
<input type="checkbox" />可乐<br />

 

<input type="file" />浏览<br />

 

 

<select size="1"><!--如果变成3,则会同时出现3个,没有下拉按钮了--> 
<option>kele</option>
<option>coffee</option>
<option selected="selected">shui</option>
</select>

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!