form与table标签

本文介绍了HTML中的form标签及其属性,包括name、id、action、method(GET、POST、PUT、DELETE)、enctype。此外,还讨论了常见的HTML文本格式标签和table相关属性,如width、border、cellpadding、cellspacing等,以及表格布局和单元格操作。
摘要由CSDN通过智能技术生成

form标签是用于指定表单数据的提交方式和地址。

name:用于指定表单的名称,方便后续提交使用

id:表单的唯一名称,一般用于提交或样式设置

action:用于定义表单数据的提交地址

                 method:用于指定表单数据的提交方式,有get post  put  delete 常用值                         

get
get 方式进行提交
所提交的数据会在浏览器地址栏中显示,这种提交方式所提交的数据不能超过4K 大小
post
post 方式进行提交
这种提交方式会把数据放到请求头中,而不会在浏览器地址栏中显示,理论上这种方式提交没有大小的限制
put
用于修改数据
这种方式是 RestFul 风格的,后续在某些项目中会用到,一般现在可以不用考虑
delete
用于删除数据
这种方式是 RestFul 风格的,后续在某些项目中会用到,一般现在可以不用考虑

enctype:用于指定表单提交的数据类型,有一下两个值:

1.multipart/form-data:以二进制流的方式进行提交,一般用于文件上传
2.application/x-www-form-urlencoded:以文本的方式进行提交,属于常用方式,默认值

常用标签

标签

功能

strong/b

加粗字体   

            

 

i/em使文字变斜体

u

文字加下划线
del删除线
br换行
p独占一段
pre

可以进行文字段落的排版,可自由调整段落

 

span标准行内标签,一般用于修饰文本
div标准行内标签,一般用来布局页面
sub下标
sup上标
hr水平分割线(用于分割内容)
hn标题标签,分六级(h1  h2....h6),可用于标签级别区分,标题大小逐级递减。

 

table标签

table标签的属性

width用于指定表格的宽度,单位是像素
border用于定义表格的边框,值的类型是数字,且为正数,值越大边框越粗
cellpadding

用于定义单元格的内边距,即单元格中的内容同单元格边框之间的距离

 

cellspacing

用于定义单元格的外边距,即单元格与单元格之间的距离

 

(将cellspacing值定为0的区别)

align用于定义表格的对齐方式(有left  center   right  对齐方式)
caption用于定义表格的标题
thead用于定义表头部分
tbody用于定义表体部分
tfoot用于定义表尾部分
tr用于定义表格的一行
th用于定义一个单元格,它的特点是内容加粗且居中显示
td用于定义一个单元格
colspan用于定义跨列操作,也就是合并多个列
rowspan用于定义跨行操作,也就是合并多个行
Top1

tr>td*4

           

 (快速建表格法)

Top2

tr>th>td*4

    

 

实例:

  

 

 效果图:

    

 

VermouthPro
关注 关注
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端学习- 常用标签table表格与form表单)
此鱼非闲鱼也的博客
01-17 901
1、表格 <table></table> 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 <tr> 元素定义表格行, <th> 元素定义表头(如果有需要的话,表格的第一行替代所有的td), td 元素定义表格单元。 更复杂的 HTML 表格也可能包括 <caption&gt...
列表标签,table标签,form标签
yikenaoguazi的博客
09-15 377
day51一.列表标签1.无序列表(列表标签中使用最多的一种,非常重要):unordered list小练习2.有序列表(极少使用)3.自定义列表(也会经常使用)小练习二.table标签表格属性三种方式细线表格表格的结构单元格合并传统布局三.form标签标记表单补充知识(了解即可)表单练习表单练习2 一.列表标签 语义:标记一堆数据是一个整体/列表 html中列表标签分为三种 1.无序列表(列表标签中使用最多的一种,非常重要):unordered list # 1.作用: 制作导航条,商品列表,新闻列表等
HTML以及table标签form标签
syf_519的博客
10-09 251
HTML HTML—超文本标记语言 <!DOCTYPE html> 文档声明 告诉浏览器当前的html文档是哪一个版本的 <meta charset=“UTF-8”> 使用哪种编码格式解析html页面中的内容 标签|标记: <关键字> 学习html就是在学习不同的标签,标签的作用, 标签的特点,属性,不同的属性的值的作用 属性: 更完善的显示标签的作用 ...
HTML -form标签table标签
qq_37431752的博客
02-27 516
9:36 2019/2/27/周三 /////////////////////// body里面的表单标签 ///////////////////// /////////////////////// input 标签 ///////////////////// /////////////////////// input form标签向服务器发送信息。(另一种是Ajax) //////////...
浅谈form标签table标签
xiaoritai7803的博客
03-07 514
a标签form标签都是跳转页面。区别在与a发起的get请求。form发起的是get或post请求. 如果form表单里没有提交按钮,就没法提交表单。 form默认是get请求。get是获取内容。post是上传内容。post是想把我的东西提交至服务器。 get会默认把输入框内容设为查询参数,提交时出现在地址栏。 post请求会出现在第四部分。get请求没有第四部分。 form标签的target和a标
HTMLform, table表示表格的时候有什么区别?
热门推荐
microcosmv的博客
07-16 1万+
htmlform表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交。 table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容。 tab
JavaWeb——HTML基础标签table标签form标签的学习与理解
01-08
table标签是表格标签, border属性设置表格的边框厚度, width属性设置表格的宽度, align设置表格的对齐方式, cellspacing设置单元格的间距 tr是行标签, td是单元格标签, th是字体居中加粗的单元格标签, b是字体...
HTML学习】Day-12 form标签table标签、div标签、css基础
ChenAi_140的博客
07-06 1028
form标签table标签、div标签、css基础
HTML form表单与table表格的总结
weixin_74424297的博客
03-30 448
form表单可以实现基础的页面按钮,提交,选择设置,table表格给予其格式,使网页看起来跟美观。在网页中用户与网页之间进行交互操作是必不可少的,需要使用到表格表单来让用户和服务器 之间进行交互。因此,表格表单是非常重要的元素。提示:这里对文章进行总结:以上就是对form表单和table表格的部分总结,本文仅仅简单介绍了form表单和table表格的使用。
html】表格table与表单form
m0_50947589的博客
04-23 1100
表格 table table标签,display值为table。作用对于整个表格而言,像一个容器。里面包含了tr标签(表格行)、td(单元)等,由于表格中没有列的分类,所以每行中以单元的个数划分列。 table本身有一些默认的css样式,没有重置过的表格如下: <table> <tr> <td>1</td> <td>2</td> <td>
HTML笔记(formtable标签区别,区分利用ul,dl与table标签
weixin_45627194的博客
01-04 2620
文章目录区分from标签table标签 区分 <from>封装要被提交服务器的表单内容(一系列控件) form不管到底嵌套了多少个table标签;它只关心范围内有多少个可提交的表单元素。 主要用于向服务器传输数据;如常见的登录、注册页面。 <table>以表格的形式布局展示内容 主要用于创建表格,多与from标签一起用。 即:table仅用来布局用的,而form则是用来封装数据的。通常发挥作用的是form,但是form内那些无规则随意摆放的文本框需要一个form里嵌套ta
HTML tableform表单标签的介绍
最新发布
不定时分享最优质的网络技术与教程,满满的干货。
09-11 1039
本篇主要介绍 tableform标签以及表单提交方式。目录1. 标签:在HTML 中定义表格布局。2. 标签:用于创建 HTML 表单。3. 表单提交方式:介绍get、post方法。
form表单和table表格总结
2302_76714358的博客
03-28 673
name:用于指定表单的名称,可以方便后面的提交使用。id:这是表单的唯一名称,一般用于提交或样式设置。action:用于定义表单数据的提交地址。method:用于指定表单数据的提交方式有get、post、put、delete四种常用值。·get:以该方式提交的数据会在浏览器地址栏中显示,且该数据不能超过4k大小。·post:以该方式提交会将数据放到请求头中,也不会在浏览器地址栏中显示,理论上以这种方式提交没有大小限制。·put:用于修改数据。·delete:用于删除数据。
html提交table数据,在HTML页面里 怎么提交一个TABLE?
weixin_33958871的博客
06-09 1202
慕田峪7331174最普通最常用最一般的方法就是用submit type..看代码:另外,还有一种常用的方法是使用图片:使用链接来提交表单,用到了javascript的DOM模型:提交这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:提交但是,如果一个表单...
table列表操作栏 提交数据时
m0_55249356的博客
10-20 388
提交数据时
el-table表格form表单处理提交影响原表单数据
m0_61601708的博客
04-04 206
如下,接口参数用this.findForm提交。
.Tableform的区别
u014329077的博客
07-31 1万+
table是表格,form是表单,表单有一个提交按钮,是用来将你的信息提交给后台服务器,实现网页的交互的。表单有许多控件,如文本框,单选,多选,下拉列表等。 table仅仅是用来布局的,from则是用来封装数据的 两者在概念上是不同的,通常发挥作用的是form,但是form内那些无规则随意摆放的文本框怎样才能看上去很整齐呢?所以就需要table来布局,真正提交给服务器的东西,包含在form里...
http协议中客户端8种请求方法
weixin_30907935的博客
07-20 604
http请求中的8种请求方法 1、opions 返回服务器针对特定资源所支持的HTML请求方法 或web服务器发送*测试服务器功能(允许客户端查看服务器性能) 2、Get 向特定资源发出请求(请求指定页面信息,并返回实体主体) 3、Post 向指定资源提交数据进行处理请求(提交表单、上传文件),又可能导致新的资源的建立或原有资源的修改 4、Put 向指定资源位置上上传其...
HTML总结之form表单和table表格
m0_74385608的博客
03-30 3933
因为最近在学习html所以就来聊聊两个比较重要的标签tableform。一、HTML是什么?HTML 全称为 HyperText Mark-up Language,翻译为超文本标签语言,标签也称作标记或者元 素。HTML 是目前网络上应用最为广泛的技术之一,也是构成网页文档的主要基石之一。HTML文本是 由 HTML 标签组成的描述性文本,HTML 文本可以说明文字、图形、动画、声音、表格、链接等。超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
SpringMVC表单标签详解与使用
form标签是SpringMVC表单标签的核心,它的主要功能包括: - 自动绑定Model中的属性值到表单对应的实体对象。默认情况下,这个对象被命名为`command`,允许我们在表单中直接使用对象的属性。 - 支持使用HTTP的其他...
写文章

热门文章

  • 【无标题】 637
  • form与table标签 224
  • OSPF综合实验 219
  • 选择器的knowled 61
  • 布局的总结 60

最新评论

  • 布局的总结

    CSDN-Ada助手: 非常感谢您的分享,这篇关于布局的总结非常有启发性。您的文章让我对布局有了更深刻的理解。恭喜您持续创作,我期待着您下一步的创作,希望您能够继续分享您的见解和经验,让更多的人受益。另外,我也希望您能在下一篇文章中加入一些实例或案例,这将会让您的文章更加生动有趣。谢谢! CSDN 正在通过评论红包奖励优秀博客,请看红包流:https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3,我们会奖励持续创作和学习的博主,请看:https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3

  • form与table标签

    CSDN-Ada助手: 哇, 你的文章质量真不错,值得学习!不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)增加条理清晰的目录;(2)使用标准目录;(3)使用更多的站内链接。

最新文章

  • OSPF综合实验
  • 【无标题】
  • 布局的总结
2024年2篇
2023年3篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家红塔区玻璃钢雕塑批发厂家开远玻璃钢人物雕塑山东玻璃钢雕塑头像军旅玻璃钢雕塑马鞍山水果玻璃钢雕塑价位气球商场美陈装饰哪家质量好贵阳玻璃钢仿真雕塑济南动物玻璃钢雕塑生产厂家河北玻璃钢人物雕塑厂家呼伦贝尔动物玻璃钢雕塑大型商场美陈座椅园林玻璃钢卡通雕塑要求2021商场美陈天津玻璃钢花盆组合南京玻璃钢雕塑工作室沈阳水果玻璃钢雕塑销售厂家商场美陈属于什么档次青浦玻璃钢雕塑销售价格芜湖玻璃钢雕塑制作公司玻璃钢卡通人物雕塑公司银川玻璃钢植物雕塑设计宣城玻璃钢雕塑市场玻璃钢雕塑翻模过程视频海陆空军玻璃钢雕塑大型网红玻璃钢雕塑长春玻璃钢雕塑厂苏州花坛式玻璃钢花盆黑龙江水果玻璃钢雕塑销售厂家陆川玻璃钢泡沫雕塑公司茂名园林玻璃钢动物雕塑香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化