HTML详解连载（3）
专栏链接 link
下面进行专栏介绍
本专栏是自己学前端的征程，纯手敲的代码，自己跟着黑马课程学习的，并加入一些自己的理解，对代码和笔记
进行适当修改。希望能对大家能有所帮助，同时也是请大家对我进行监督，对我写的代码进行建议，互相学习。
开始喽
表单
作用
使用场景
input标签基本使用
示例
<input type=”...”>
type属性值以及说明
| 属性值 | 说明 |
|---|---|
| text | 文本框，用于输入单行文本 |
| password | 密码框 |
| radio | 单选框 |
| checkbox | 多选框 |
| file | 上传文件 |
input标签占位文本
示例
<input type=”...” placeholder=”提示信息”>
注意
单选框 radio
| 属性名 | 作用 | 特殊说明 |
|---|---|---|
| name | 控件名称 | 控件分组，同组只能选中一个（单选功能） |
| checked | 默认选中 | 属性名和属性值相同，简写为一个单词 |
## 上传文件–file
默认情况下，文件上传表单控件只能上传一个文件，添加multiple属性可以实现文件 多选功能
代码示例
<input type=”file”multiple>
多选框–checkbox
注意
代码示例
<input type=”checkbox”checked>敲前端代码
## 下拉菜单
select 嵌套option， select是下拉菜单整体，option是下拉菜单的每一项
文本域
作用
标签：
textarea，双标签
示例
<textarea>默认提示文字</textarea>
label标签
作用
网页中，某个标签的说明文本
经验
用lable标签绑定文职和表单控件的关系，增大表单的点击范围
写法一
lable标签只包裹内容，不包裹表单控件
设置lable标签的for属性值和表单控件的id属性相同
<input type=”radio”id=”man”>
<lable for=”man”>男</lable>
写法二：
<lable><input type=”radio”>女</lable>
强调
支持lable标签增大点击范围的表单控件：文本框、密码框、上传文件、多选框、下拉菜 单、文本域等等。
按钮–button
<button type=””>按钮</button>
type属性值和说明
| 属性值 | 说明 |
|---|---|
| submit | 提交按钮，点击后可以提交数据到后台（默认功能） |
| reset | 重置按钮，点击后将表单控件恢复到默认值 |
| button | 普通按钮，默认没有功能，一般配合JavaScript使用 |
无语义的布局标签
作用
布局网页（划分网页区域，摆放内容）
div:独占一行
span：不换行
示例
<duv>div标签，独占一行</div>
<span>span标签，不换行</span>
字符实体
作用
表格
| 显示结果 | 描述 | 实体名称 |
|---|---|---|
| 空格 | &nbsp； | |
| < | 小于号 | &lt； |
| > | 大于号 | &gt； |
原文地址:https://blog.csdn.net/weixin_74888502/article/details/132252104
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_35014.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
