526互联

Html（布局标签---表单标签---表单项标签）

发布时间 2024-01-01 20:59:09作者: 落尘-暮成雪

一、布局标签

标签描述
<div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页
<span> 用于组合行内元素。

 

代码演示：

 运行界面：

 

 

二、表单标签

标签描述
<form> 定义表单
<input> 定义表单项，通过type属性控制输入形式
<label> 为表单项定义标注
<select> 定义下拉列表
<option> 定义下拉列表的列表项
<textarea> 定义文本域

 

代码演示：

运行界面：

 

三、表单项标签

标签描述
<form> 定义表单
<input> 定义表单项，通过type属性控制输入形式
<label> 为表单项定义标注
<select> 定义下拉列表
<option> 定义下拉列表的列表项
<textarea> 定义文本域

 

 

type 取值描述
text 默认值。定义单行的输入字段
password 定义密码字段
radio 定义单选按钮
checkbox 定义复选框
file 定义文件上传按钮
hidden 定义隐藏的输入字段
submit 定义提交按钮，提交按钮会把表单数据发送到服务器
reset 定义重置按钮，重置按钮会清除表单中的所有数据
button 定义可点击按钮

代码演示：

 运行界面：