HTML基础二

一、表格✪✪✪
二、表单
- 插入表单
- 输入标签✪✪
- 多行文本域
- 下拉菜单
三、其他
- label标签
- 内联框架

一、表格✪✪✪

插入表格: < table>< /table>

可用属性

border：表格边框的宽度（pixels）
bordercolor：表格边框的颜色
background：表格背景图
bgcolor：表格背景颜色
width : 规定表格元素的宽度（pixels或%）
height : 规定表格元素的高度（pixels或%）
align：表格的对齐方式（left center right）
cellpadding : 单元边沿不其内容之间的距离（相当于单元格的内边距）
cellspacing : 单元格之间的空白（pixels）

插入表格一行：< tr>< /tr>
表格标题性单元格：< th>< /th>
表格普通单元格：< td>< /td>

可用属性

行合并：rowspan
列合并：colspan

<table border="1px" align="center" cellpadding="50px" ><tr><td colspan="2">物资类别</td><td colspan="2"></td><td colspan="2">名称</td><td colspan="1"></td></tr><tr><td colspan="7">入库领用记录</td></tr><tr><td colspan="2">日期</td><td rowspan="2">单位</td><td rowspan="2">入库数</td><td rowspan="2">领用数</td><td rowspan="2">库存</td><td rowspan="2">经手人</td></tr><tr><td>月</td><td>日</td></tr></table>

二、表单

插入表单

< form action="向何处发送URL " method="何种方式发送get/post ">< /form>

输入标签✪✪

< input type=“类型” name=“命名，以备后台使用，同一类型，命名应相同” value=“设置默认值” >

type可分类型：

文本输入框：text
密码输入框：password
单选框：radio 同组单选框name属性值相同，此时的value作为提交数据到服务器的值，可添加checked设置默认选中值
多选框：checkbox 上同
文件控件：file
提交按钮：submit
重置按钮：reset
普通按钮：button

多行文本域

< textarea> < /textarea>

可用属性：

rows：规定文本区内可见行数。
cols：规定文本区内可见列数。

下拉菜单

标签：< select name="">< /select>
列表项： < option value="">
可添加 selected 作为默认选中值

三、其他

label标签

< label for = “控件id名称”> 用户名：< input type = “text” id = “id名称” /> < /label>

点击 label 元素内文本，就会触发此控件。即当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

内联框架

< iframe>< /iframe>

可选属性

src：文件的路径
width、height：“内联框架"区域的宽与高
name：框架的名字，用来识别框架
frameBorder：设置是否显示框架的边框，值为 1 或者 0
scrolling：当 src的指定的HTML文件在指定的区域显示不完时，滚动选项： no（不出现滚动） / yes（显示滚动） / auto（自动出现滚动条）

Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）相关推荐

只用半小时，只用半小时，只用半小时，给自己一个机会，看完保你web开发一期末不挂科，老师看了都说好
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站.点击这里来还愿啦 Web开发(一)·期末不挂之第一章·Web开发基础(不背就挂的基础知识) Web开 ...
[转载] Python Web开发—进阶提升 490集超强Python视频教程真正零基础学习Python视频教程
参考链接: 在Python中创建代理Web服务器 2 Python Web开发-进阶提升 490集超强Python视频教程真正零基础学习Python视频教程 [课程简介] 这是一门Python We ...
WEBBASIC Unit01 Web概述、 HTML概述、文本处理、图像和超链接、表格、表单
转载:https://blog.csdn.net/qq_38131668/article/details/73505925 参考:https://www.cnblogs.com/xiaziteng/p ...
WEB入门二表格和表单
学习内容 Ø 表格的作用和制作 Ø 表单的制作入门视频课:H5和JAVASCRIPT实战教程能力目标 Ø 掌握表格的创建 Ø 掌握设置表格的 ...
web前端期末大作业 html+css家乡旅游主题网页设计---湖南登录或注册表单
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家乡旅游景点 | 家乡民生变化 | 介绍自己的家乡 | 我的家 ...
python视频教程410集免费_Python Web开发—进阶提升 490集超强Python视频教程真正零基础学习Python视频教程...
[第98讲]1_概述--介绍Django和它的基础依赖项v2_rec.mkv [第91讲]Lesson2_Memcached解析_rec.mkv [第8讲]8-测试数据类型_rec.mkv [第76讲 ...
TML5期末大作业：我的家乡网站设计——我的家乡大连带登录注册表单轮播
Web前端三大核心技术 HTML:结构 HTML期末大学生网页设计作业,可以替换文字图片满足不同的 CSS:样式在操作方面上运用了html5和css3, 采用了div+css结构.表单.超链接.浮动 ...
python全栈开发 * 表格标签表单标签 css 引入方式 * 180807
html部分一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...
Web前端——HTML中的列表、表格、表单
一. 列表 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...

Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）

HTML基础二

一、表格✪✪✪

二、表单

插入表单

输入标签✪✪

多行文本域

下拉菜单

三、其他

label标签

内联框架

Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）相关推荐

最新文章

热门文章

Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）

HTML基础二

一、 表格✪✪✪

二、表单

插入表单

输入标签✪✪

多行文本域

下拉菜单

三、其他

label标签

内联框架

Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）相关推荐

最新文章

热门文章

一、表格✪✪✪