form表单1

form:表单标签 创建一个表单区域 双标签 块级标签

 <form action="" method=""></form>

action：提交后台的地址
method：提交信息/数据的方式 get(不能用来显示安全性高的数据，会显示在地址栏中) post

<input type="text" name="username" placeholder="请输入您的用户名"/>
<input type="password" name="password" placeholder="请输入您的密码"/>
<input type="submit" value="登陆" />
<input type="reset" value="清空" />

input: 表单元数据 单标签 行块级标签

• type="text" 定义文本输入框
• type="password" 定义密码输入框
• type="submit" 定义数据信息提交按钮
• type="reset" 定义数据信息重置按钮
• name="" 定义数据名称(字段名称)
  value="" 定义默认值 | 信息
  placeholder="" 定义提示信息

<label for="user">用户名：</label>
<input id="user" type="text" name="username" placeholder="请输入您的用户名">

label：关联标签 双标签

• for属性：通过id名称进行关联

input:focus{
  background:red;
}

input:focus 鼠标点击输入框触发的状态(聚焦)。