第二次前端笔记
2022/2/6 23:20:30
本文主要是介绍第二次前端笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
表单
1.form
form标签用于为用户输入创建HTML表单。
表单能够包含input元素,比如文本字段,复选框,单选框,提交按钮等等,还可以包含textarea等元素。
表单用于向服务器传输数据,属于块级元素,会自动换行。
2.input
input标签用于收集用户信息,根据不同的type属性值,输入字段拥有多种形式,输入字段可以是文本字段,复选框,单选按钮,按钮等。
常用属性如下
属性 | 值 | 描述 |
alt | text | 定义图像输入的替代文本 |
checked | checked | 规定此input元素首次加载时应被选中 |
disabled | disabled | 当input元素加载时禁用此元素 |
readonly | readonly | 规定输入字段为只读 |
maxlength | maxlength | 规定输入字段中的字符最大长度 |
value | value | 规定input元素的值 |
type | button checkbox file hidden image password radio reset submit text | 规定input元素类型。按钮,复选框,文件,隐藏域,图像形按钮,密码,单选框,重置按钮,提交按钮,文本。 |
3.textarea
该标签定义多行的文本输入控件,文本区中可容纳无限数量的文本,可以通过rows和cols属性来规定textarea的可见行数与列数。
<textarea>content</textarea>
4.label
label标签为input元素定义标记。
label元素不会呈现任何特殊效果。
label标签的for属性应与相关元素的id属性相同,此时点击label元素标签会自动为元素聚焦。
5.button
属性 | 值 | 描述 |
disabled | disabled | 禁用该按钮 |
type | button,submit,reset | 定义按钮类型(默认为submit) |
value | text | 定义按钮初始值 |
name | button_name | 定义按钮名称 |
通过此方法设定按钮相比与<input type="button">的好处是此方法可以设置按钮的颜色等属性。
6.select
select用于定义下拉列表
<select name=""> <option value=""> 文本1 </option> <option value=""> 文本2 </option> <option value=""> 文本3 </option> <option value=""> 文本4 </option> </select>
select常用属性如下
属性 | 值 | 描述 |
disabled | disabled | 禁用下拉框 |
multiple | multiple | 规定可选择多个选项 |
name | name | 规定下拉列表名称 |
size | size | 规定下拉列表中可见选项数目 |
常用字符实体
在HTML中某些字符是预留的,
在HTML中不能使用大于号(>)和小于号(<),浏览器会认为他们是标签。
如果希望正确的显示预留字符,我们必须在HTML源代码中使用字符实体
注意:实体名称对大小写敏感。
大于号:>
小于号:<
空格: 
版权符号:©
这篇关于第二次前端笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南
- 2024-12-21前端项目部署教程:从零开始的全面指南
- 2024-12-21拖拽表格教程:轻松入门指南
- 2024-12-21Element-Plus教程:新手入门与实战指南
- 2024-12-21TagsView标签栏导航教程:轻松掌握标签栏导航
- 2024-12-21动态表格实战:新手入门教程
- 2024-12-21动态菜单项实战:一步步教你实现动态菜单项
- 2024-12-21动态面包屑实战:新手教程