html中一些常用标签
1. form标签:主要用于提交页面用户输入的数据,当我们点击当前from中的submit按钮的时候,form就会将其中的所有的用户输入的数据,提交到url指定的地方---------
2. Input标签:提供一个输入视图,可供用户输入数据
其中有一个属性type属性,此值有10种,每一种type都对应着一种不同的视图效果,提供的输入方式也不一样
3.<input type="button" value="普通按钮"/>:本身不具备value属性改变按钮上的文字,可通过脚本语言赋予功能;
4.<input type="checkbox" name="hobby" value="basketball"/><br/>
复选框:注意—如果多个选项属于同一题目,那么这多个选项的name属性值要保持一致,并且要给出对应的value属性值;
5.<input type="file" name="myFile" id="myFile"/>:文件上传控件,提供一输入框和一个‘浏览’按钮,当用户需要上传文件的时候,点击按钮,选择相应的文件;
6.<input type="image" src="image/loginan.gif" />:图片按钮,将图片作为一个按钮,能实现一个按钮功能;
7.<input type="text" id="usename" /><br/>:文本输入框;
8.<input type="password" id="pass" />:密码输入框;
9. <input type="radio" name="sex" value="aaa" />:单选框(同一个选项下name属性值要一致—同复选框一样);
10.<textarea name="content" rows="10" cols="5"></textarea>:文本域—可以完成文本的多行输入—name属性用于向代码中传值,通过rows和cols来改变文本域的高度与宽度;
实例:
<form name="form1" action="http://www.baidu.com/"> <input type="text" name="name1" id="name1" /> <input type="password" name="pass1" id="pass1" /> <input type="reset" value="取消" />//重置标签按钮 <input type="submit" value="登陆"/>//提交按钮 </form> <form name="form2" action="http://www.hao123.com/"> <input type="text" name="name2" id="name2" /> <input type="password" name="pass2" id="pass2" /> <input type="reset" value="取消" /> <input type="submit" value="登陆" /> </form>
11. Img标签:<img src="image/jingxuan096.jpg" id="myImg" usemap="#mymap" width="100%" alt="你点我"/>;
12. Map标签:<map name="mymap" id="mymap">
<area shape="rect" coords="0,0,960,1080" href="http://www.baidu.com" target="_blank" alt="map"></map>;
13. 下拉菜单标签:
<select name="province"> <option>--请选择--</option> <option value="hb">湖北</option> <option value="hn">南北</option> <option value="sh">上海</option> </select><hr />
14. 文本域标签:<textarea name="content" rows="10" cols="50"></textarea><br />;
15. Frameset标签:<frameset rows="100,*" border="0">
<frame name="head" src="head.html" noresize="noresize" scrolling="no"/> <frameset cols="150,*" > <frame name="left" src="menu.html" noresize="noresize"/> <frame name="right" src="other.html"/> </frameset> </frameset>
16. Div标签:固定面板在div容器中;
17. table标签:表格标签;