一、html-表单部分
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>
<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">