鹊yr

导航

表单

表单 HTML 表单用于搜集不同类型的用户输入。form 元素 HTML 表单用于收集用户输入。 form元素定义 HTML 表单: HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 input元素 input 元素是最重要的表单元素。 input元素有很多形态,根据不同的 type 属性。 input type=”text” 定义用于文本输入的单行输入字段 input type=”radio” 定义单选按钮。 Input Type: checkbox多选框 input type=”submit” 定义用于向表单处理提交表单的按钮。如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息可以用get来测试,可以用来测试。使用 GET 时,表单数据在页面地址栏中是可见如果表单包含敏感信息(例如密码)。POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的 textarea元素定义多行输入 button按钮现在学的只有按住的样式,没有效果。value 定义输入的值 ,默认值使用value属性设置提示信息可以使用placeholder属性 type取值表示重置按钮 老师发的重置文件用于解决浏览器兼容性之间的问题; request请求 表示该选项框是必填的,没有添加内容不同的浏览器会提示不同的字样对齐方式:将label标签的display值设置为line­block给固定的宽高,在设置文本的居中和左右对齐上传文件:input=”file” 设置输入框样式 input­webkit­input­placeholder{} 一个可以查询你输入的东西是否有问题:can i use input type=”search”可以出现一个框,里面有x或者o点击取消内容变形 transform变形 scale函数来设置缩放的,默认值是1. 可就2个参数也可以1个参数当给1个参数时,表示XY轴缩放比例一致给2个参数时,第1参数代表X轴的缩放第2个值代表Y轴的缩放 transform: scale(1.5,3); transform­origin设置缩放的原点第1个值是水平方向第2个值是垂直方向 transform-origin: 30px 10px; p{ width: 100px; height: 100px; background­color: lightgreen; } aside{ width: 100px; height: 100px; background:linear­gradient(to bottom,blue,green); margin: 100px 0 ; } aside:hover{ transform:rotate()设置旋转角度 rotateZ:中心点(默认值) rotateX:X轴方向旋转 rotateY:Y轴方向旋转 45deg表示顺时针旋转45度 ­45deg表示逆时针旋转45度 transform: rotate(45deg); transform: rotateZ(45deg); transform: rotateY(180deg); transform: rotateX(180deg); transform:skew()设置倾斜角度 45deg表示逆时针旋转45度 ­45deg表示顺时针旋转45度 transform: skew(-30deg); } article{ width: 120px; height: 120px; border: 1px solid black; } article>nav{ width: 100px; height: 100px;; background­color: red; } article:hover>nav{ 设置区块移动的偏移量第1个参数是X轴方向第2个参数是Y轴方向像素值正、负均可。 transform: translate(100px,10px); transform的缩写,每个函数之间的分隔符为空格 transform: rotate() scale() skew() ; header{ width: 100px; height: 100px; margin: 10px; background­color: red; float: left; transition: all linear .5s; } header:hover{ transform: scale(2); transform: rotateY(180deg); transform: translate(100px,100px); } ul{ width: 300px; } ul>li{ transition: all linear .5s; transform: rotateY(180deg); background­colo

posted on 2018-08-26 23:28  鹊yr  阅读(79)  评论(0编辑  收藏  举报