女友学习前端第二天-笔记
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...包含所有元素
有序列表
- 整体 里面只能放li 有顺序
- 列表项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 字符长度
比如<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>
原文地址:https://blog.csdn.net/qq_43682422/article/details/142771306
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!