HTML部分:
input标签:
<input type="text" name="" id="">
input标签可以通过type属性值的不同,展示不同效果
属性值:
text 文本框,用于输入单行文本
password 密码框,用于输入密码
submit 提交按钮,用于提交
placeholder属性:
placeholder 属性用于给 <input>标签 输入字段为空时,提供提示信息
value 属性:
value 属性的作用是由 input 标签的 type 属性的值决定的
当 type 的取值为 button、reset、submit 中的其中一个时,此时 value 属性的值表示的是按钮上显示的文本
当 type 的取值为 text、password、hidden 中的其中一个时,此时 value 属性的值表示的是输入框中显示的初始值,此初始值可以更改,并且在提交表单时,value 属性的值会发送给服务器(既是初始值,也是提交给服务器的值)
CSS部分:
cursor : 网页浏览时用户鼠标指针的样式或图形形状。
cursor: pointer;鼠标到该处时箭头变为小手
transform: translate(-50%,-50%);
2D转换:向左移动盒子本身的50%,向上移动盒子的50%