一、html-表单部分

  <form></form>

  1、按钮:

    <input type="button">

  2、文本框:
    <input type="text">

  3、密码:
    <input type="password">

  4、单选:
    <input type="radio" id="male" name="sex" checked="checked"><label for="male">男</label>               // checked="checked" 默认选中“男”
    <input type="radio" id="female" name="sex"><label for="female">女</label>

  5、复选框:
    <input type="checkbox">红色<input type="checkbox">绿色

  6、下拉菜单:
    <select>
      <option>--请选择--</option>
      <option>唱歌</option>
      <option>跳舞</option>
    </select>  

    *如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。

    <select name="fruit" multiple="multiple">

    还可以用size属性来改变下拉框(Select)的大小

  7、上传控件:
    <input type="file">

  8、多行输入框:
    <textarea maxleng="限制字数" cols="宽度" rows="高度"></textarea>

  9、重置按钮:
    <input type="reset"> [只针对它所在的form表单有效果]

  10、提交按钮:
    <input type="submit"> [只针对它所在的form表单有效果]

  11、图片按钮:

    <input type="image">

  12、隐藏字段:

    <input type="hidden">


二、css样式部分

  1、css样式的三种常用写法:
    第一种 行内样式:直接在标签里,加<p style="color:red"></p>
    第二种 内嵌式:在head里面,加入<style> p{ color:red;} </style>
    第三种 链接式:在外部新建css文件写入样式,引入html:
      <link rel="stylesheet" type="text/css" href="相对路径.css">

posted on 2015-08-02 10:28  毛毛天空  阅读(124)  评论(0编辑  收藏  举报