表单标签:
form标签
action:表单最终提交的地址(url)/提交的某个页面中
method:提交的方式
get方式:
1)它提交后,用户的敏感数据会显示在地址栏中,不安全的
2)提交的用户数据大小是有限制的,不超过1kb
post方式
1)它提交后,用户的信息不会显示在地址栏中
2)提交用户数据大小没有限制,还是(小文件)
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>test</title>
</head>
<body>
<form action="#" method="post">
用户名:<input type="text" name="username" value="请输入3-12位字母或者数字" /> <br />
密  ;码:<input type="password" name="password" value="请输入6-16位字母或者数字" /> <br />
<input type="submit" value="提交" />
</form>
</body>
</html>
表单中常用的:
文本输入框:<input type="text" name="" />
密码输入框:<input type ="password"/>
单选框: <input type ="radio" /> <input type="radio" name="gender" value="男" /> 男
复选框: <inpyt type ="checkbox"/> <input type="checkbox" name="hobby" value="篮球" />篮球
下拉菜单:<select name=""></select>
<select name="address">
<option value="陕西">陕西</option>
< /select>
上传文件:<input type="file" name=""/> <input type="file" name="1.txt" />
文本输入域:<textarea></textarea>
按钮:<input type="button" value="" />
提交:<input type = "submit" />
重置:<input type="rest" value="重置"/
框架标签:
frameset不能和body共存
row属性:按行的方向划分:从上往下划分 划分的每个页面占整个部分的白分比
cols属性:按列的方向划分 从左往右划分 划分的每个页面占整个部分
name属性 :name属性值和超链接中的target属性值一致
超链接必须在当前中间页面显示在CSS 定义中,
a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
link--visited--hover---active
向文本增加修饰
text-decoration属性
属性值:
none:没有下划线
underline:下划线
overline:上划线
line-through:中划线 场景:购物 原价中间有中划线!
CSS字体以下常用属性
font-family:字体类型
用户设置的字体类型,必须是系统库中存在的字体类型,如果系统库中找不到这个字体类型,默认宋体
font-family:"楷体" ;
font-size:设置字体的大小
font-size:20px
font-style 设置字体样式
normal:(默认)正体
italic:斜体
font-style:normal ;
font-weight:给字体设置粗细:
bold:给字体适当加粗
font-weight:bold;
font的简写属性
font:字体的样式(normal/italic) 字体的粗细(bold) 字体的大小(font-size) 字体的类型(font-family)
font:italic bold 24px "楷体";
边框颜色:border-color:四个边框的颜色*/
border-top-color:#F00;
border-left-color:#0F0 ;
border-right-color:#00F;
border-bottom-color:#00F;
边框颜色的简写属性
默认的方向:上 右 下 左 进行设置的
如果边框中又一边颜色没有设置,那么它会补对面的颜色!
border-color:#F00 ;
边框宽度:border-width:四个边框的宽度
border-top-width:10px ;
border-left-width:20px ;
border-right-width:30px ;
border-bottom-width:40px ;
边框宽度的简写属性
上 右 下 左
某一边没有设置边框宽度,补对边的宽度
border-width:10px ;
注意;边框要显示效果,光有边框颜色和边框的宽度是不行的,还需要指定一个属性
边框的样式:
border-style:四个边框的样式
以下几个值:
solid:单实线
dashed:虚线
dotted:点
double:双实线
border-top-style:solid ;
border-left-style:dashed;
border-right-style:dotted ;
border-bottom-style:double ;