课前老师推荐了几种技术资料查询的方式,非常实用:
1、w3cschool:https://www.w3school.com.cn/
2、php中文网中的原生手册等
3、mdn:https://developer.mozilla.org/zh-CN/ 全球开发者的乐园,专业人士使用的查询手册
4. 按钮控件元素
4.1 与对比序号
替代的
1
按钮文本
2
图像域
4.2 常用属性序号
属性
描述
1
type
必须使用预定义的submit, button, reset之一
2
name
按钮的唯一名称,与 ID 等效
3
value
按钮文本初始值,可通过 JavaScript 修改
4
disabled
禁用按钮
5
form
按钮所属表单(此时按钮type默认类型为submit提交)
6
formaction
设置不同按钮可将表单数据提交到不同的 URL 处理
7
form***
动态设置
属性值,如formmethod="GET"4.3 示例
按钮元素form{
padding:20px;
width:350px;
box-shadow:008px#888;
border-radius:10px;
box-sizing:border-box;
margin:auto;
background-color:lightskyblue;
display:grid;
gap:15px;
}
form>section{
display:grid;
grid-template-columns:60px1fr;
}
h3{
text-align:center;
}
section:last-of-type{
display:grid;
grid-template-columns:1fr1fr;
column-gap:10px;
}
button{
height:30px;
border:none;
outline:none;
}
button:hover{
background-color:lightseagreen;
color:white;
cursor:pointer;
}
用户登录/注册
邮箱:
密码:
type="submit"
formaction="login.php"
formmethod="POST"
formtarget="_blank"
>
登录
type="submit"
formaction="register.php"
formmethod="GET"
formtarget="_blank"
>
注册