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标签:表格标签;

相关推荐