第四次作业：HTML＜from＞与＜input＞

- 块元素
核心特点：独占一行，浏览器渲染时会自动换行，单个元素会占满父元素的整行宽度。

- 行元素（行内元素）
核心特点：不独占一行，会和其他行内元素在同一行内排列，不会自动换行。

1.  <form> （表单容器）
 
- 作用：定义数据提交的范围、目标地址与方式，是所有表单控件的“父容器”。

- 核心属性：

-  action = 提交到哪里

-  method = 提交方式，常用的有GET和POST（GET 查数据，POST 传数据）

 
2.  <input> （输入控件）
 
- 核心：通过 type 属性切换不同输入形态，是表单中最常用的标签。

- 常用 type ：

-  text ：单行文本框（如用户名）；

-  password ：密码输入框（内容隐藏）；

-  radio ：单选按钮（同name组内仅选1个，如性别）；

-  checkbox ：复选框（可多选，如兴趣）；

-  submit ：提交按钮（触发表单数据提交）；

-  file ：文件上传控件。

- 关键属性：

-  name ：必填，用于后端识别输入项（数据传递的标识）；

-  placeholder ：输入框提示文字（输入后消失）；

-  required ：设置为必填项（浏览器自动校验）。
 
核心逻辑
 
 <form>  负责“承载与提交”， <input>  负责“具体输入”，二者结合实现网页与用户的双向数据交互，是前端收集用户信息的核心组合。

代码以及结果展示：

<form action="">
    <h2>学生信息收集表</h2>
    姓名：<input name="姓名" type="text"value="请输入您的姓名"><br>
    密码：<input name="密码" type="bassword"value="请输入您的密码"><br>
    年级：
    <input name="年级" type="radio" value="大一">大一
    <input name="年级" type="radio" value="大二">大二
    <input name="年级" type="radio" value="大三">大三
    <br>
    兴趣：
    <input name="兴趣" type="checkbox" value="编程" >编程
    <input name="兴趣" type="checkbox" value="设计" >设计
    <input name="兴趣" type="checkbox" value="游戏" >游戏
    <br>
    上传头像：<input name="选择文件" type="file"><br>
    <input name="提交" type="submit">
    <input name="重置" type="reset">
</form>