第二次前端笔记
作者：互联网
表单
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源代码中使用字符实体
注意：实体名称对大小写敏感。
大于号：>
小于号：<
空格： 
版权符号：©
标签：前端,元素,笔记,label,按钮,input,第二次,文本,属性 来源： https://blog.csdn.net/qq_66843365/article/details/122800975