女友学习前端第二天-笔记

2024/10/8笔记
表格

table 表格
tr 行
td 单元格内容
th 表头 第一行相当于h1

align=left /center /right 对齐方式 应在table边上
比如<table align=left>

border 代表边框 也应在table边上

比如<table align=left border="1">

cellpadding 单元外框与文字的距离
cellspacing 每个单元格之间的距离
width 宽度 height 高度
四者都在table边上

thead 表头包含 tr
tbady 主体 包含 td

rowspan 跨行合并
colspan 跨列合并
比如<td colspan="2"></td>

无序列表

• 整体 里面只能放li 无顺序
• 列表项123...包含所有元素

有序列表

1. 整体 里面只能放li 有顺序
2. 列表项123...包含所有元素

自定义列表

<dl>定义列表或定义描述列数
<dt>名词1（项目名字）
<dd>名词1的解释1（说明/描述）
<dd>名词1的解释2

表单
表单域+表单元素+提示信息
比如
用户名:<input type="text" / ><br />

表单域
包含表单元素的区域

表单元素
(单标签) 用于收集用户信息 其包含属性type（多属性）
比如
type属性词描述
button 点击按钮 普通按钮
checkbox 复选框 可以重复多选 （起相同的名字 name=）
file 上传文件
hidden 隐藏的输入字段
image 图像形式提交
password 密码（隐藏）
radio 单选按钮 可以实现多选一 （起相同的名字 name=）
reset 重置按钮可以还原默认状态
submit 提交按钮 value值可以改内容
text 文本

(单标签)还有其他属性
name 定义input元素的名称
value 显示默认出来的字 比如value=请输入用户名

单选和复选都应该有相同的name值

checked 默认选中某个表单元素
maxlength 字符长度

点击可自动对标到相应表单元素上 且for属性应与相关元素id属性相同

比如<label for="sex">男</label>

<input type="radio" name="sex" id="sex">

实例<label for=text>用户名：

</label><input type="text" id="text" />

select下拉表单元素

<select>
<option>文字</option>
<option>文字</option>
<option>文字</option>
</select>

在定义selected=selected文字

textarea文本域表单元素cols字符 rows行

今日反馈：<textarea cols=5 rows=5 >文本</textarea>