html-table和form

最新推荐文章于 2023-04-02 20:54:22 发布
最新推荐文章于 2023-04-02 20:54:22 发布
阅读量143 收藏
点赞数
分类专栏： Html+CSS+js 文章标签： html css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_41656912/article/details/107155015
版权

html-table和form

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格与表单</title>
	</head>
	<body>
		
		<table width="600px" height="200px" border="1" align="center"   cellspacing="0">
			<!--cellspacing 单元格距离-->
			<tr><!--行-->
				<td colspan="2" align="center">11</td><!--列-->
				<!--按列合并-->
				<!--<td>12</td>-->
				<td align="center">13</td>
			</tr>
			<tr>
				<td align="center">21</td>
				<td bgcolor="aqua" align="center" rowspan="3">22</td>
				<!--按行合并-->
				<td align="center">23</td>
			</tr>
			<tr>
				<td align="center">31</td>
				<td align="center">33</td>
			</tr>
			<tr>
				<td align="center">41</td>
				<td align="center">43</td>
			</tr>
		</table>
		<br /> <!--换行-->
		
	
		<form  action="" >
			username:<input type="text"/>
			<br />
			password:<input type="password"/>
			<br />
			gender:<input type="radio" name="gender"/>男
			<input type="radio" name="gender"/>女
			<br />
			habit: 
			<input type="checkbox" />电影
			<input type="checkbox" />音乐
			<input type="checkbox" />乒乓球
			
			<br />
			籍贯:
			<select><!--选择列表-->
				<option value="">杭州</option>
				<option value="">郑州</option>
				<option value="">徐州</option>
				<option value="">台州</option>
			</select>
			<br />
			
			个人简介:
			<br />
			<!--文本区域 10行9列-->
			<textarea name="" rows="10" cols="20">
				
			</textarea>
			<br />
			<input type="submit" value="确认提交"/>
			<input type="button" value="普通按钮" />
			<input type="reset"  value="重置" />
			
		</form>
	
	</body>
</html>

在这里插入图片描述

Void_CM
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【html】表格table与表单form
m0_50947589的博客
04-23 1080
表格 table table标签，display值为table。作用对于整个表格而言，像一个容器。里面包含了tr标签（表格行）、td（单元）等，由于表格中没有列的分类，所以每行中以单元的个数划分列。 table本身有一些默认的css样式，没有重置过的表格如下： <table> <tr> <td>1</td> <td>2</td> <td>
HTML总结之form表单和table表格
m0_74385608的博客
03-30 3403
因为最近在学习html所以就来聊聊两个比较重要的标签table与form。一、HTML是什么？HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元 素。HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。HTML文本是 由 HTML 标签组成的描述性文本，HTML 文本可以说明文字、图形、动画、声音、表格、链接等。超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。
html form 与table,html中<form>和<table>的区别
weixin_39907526的博客
06-16 405
html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交而table则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐这就是table的作用,一行一行的以表格的形式展示内容table仅仅...
HTML 表格(form/table)
Joovo的博客
03-21 3357
实现一个表格: 3.css: table,tr,td{ margin:0 auto; border:1px solid; border-style:groove;(凹陷效果) } input{ border-style:groove; background:lightblue; color:red; } a:link {color:...
HTML中form与table的区别
从_零_开始的专栏
05-28 2512
html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交 而table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容 t
改变el-table宽度
12-12
在HTML模板部分，我们看到每个`el-table-column`都绑定了`prop`（用于显示的数据字段）、`label`（列标题）以及`:width`（列宽）。`:width`的值来自`tableColumn`对象，通过`tableColumn['tab-table-1'][索引]`获取...
05-03-2021-HTML-Form-and-Table
03-06
粪兔1（01/03 / 2021-05 / 03/2021） 1.Họccáchhọc和看板2.Trìnhbàyđượcnộidung，yêucầu，lịchtrìnhvàkếtquảcủa模块训练营准备3.Trìnhbàyđượccácnguyênlícủaviệchọc 4.Hiểuđượccá...
el-table树形表格表单验证(列表生成序号)
10-15
在`el-table`中进行表单验证，需要利用`el-form`和`el-form-item`组件。每个表格列都应该用`el-form-item`包裹，以定义验证规则。以下是一个简单的例子： ```html <el-form ref="form" :model="form" label-width=...
FormTable_html_Table_
09-28
本教程将深入探讨HTML中的表格（Table）元素，以及如何使用表格进行排版，同时也会涉及HTML表单（Form）的创建和使用，以及重要的CSS盒子模型。 1. HTML表格（Table）： - `<table>`：创建一个基本的表格，它是...
Search-Table:HTMLCSSJS搜索表
03-25
在创建搜索表时，我们需要定义表格元素如`<table>`、`<thead>`、`<tbody>`、`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）。此外，我们还需要`<form>`元素来包含搜索输入框`<input type="text">`和提交...
html-tableify:将json转换为HTML表
04-29
html-tableify 将json转换为HTML表 安装 $ npm install --save html-tableify 用法 tableify(data[, config]); data：Array（Object）=>表的数据 config：Object =>配置 config.tidy：Boolean =>是否整理输出HTML config.headers：Array（Object）=>标头配置 header.name:String =>键入数据对象 header.align：Enum（'left'|'right'|'center'）=>列的文本对齐 header.title：String =>列标题 const tableify = require ( 'html-tableify' ) ; tableify ( [ { name : 'optionalArra
html form 与table,form和table的区别
weixin_33955740的博客
06-25 452
html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交而table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容table...
html中 table 和 form的位置
热门推荐
liu510817387的专栏
02-17 1万+
对于web前端开发来说  经常会用到 像firebug这样审查元素 工具 发现了一个这样的现象： 当  ....在firebug下会看到..... 如果....不会有其他问题 当然这些在看源代码是没有问题的  和 你写的是一样的    提交也是没有问题的    查了一下 firebug的原理是 DOM 还原    DOM  是表示和处理一个html/xml的方法
关于HTML的form表单与table表格
2301_76802665的博客
04-02 1347
HTML它的全称为 HyperText Mark-up LanguageHTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页。
HTML -form标签和table标签
qq_37431752的博客
02-27 486
9:36 2019/2/27/周三 /////////////////////// body里面的表单标签 ///////////////////// /////////////////////// input 标签 ///////////////////// /////////////////////// input form标签向服务器发送信息。（另一种是Ajax） //////////...
HTML table、form表单标签的介绍
weixin_34383618的博客
01-17 121
http://www.cnblogs.com/polk6/archive/2013/06/08/3124228.html 本篇主要介绍 table、form标签以及表单提交方式。 目录 1. &lt;table&gt; 标签：在HTML 中定义表格布局。 2. &lt;form&gt; 标签：用于创建 HTML 表单。 3. 表单提交方式：介绍get、post方法。   1. &lt...
HTML5ify作用,tableify-JavaScript中文网-JavaScript教程资源分享门户
weixin_36462532的博客
06-17 227
Create HTML tables from Javascript Objectsnode-tableifyFrom any JavaScript object, HTML tables create.descriptionGiven any Javascript object including Object, Array, Number, Date, null, undefined, pri...
HTML中table标签和form表单的应用
m0_57110782的博客
08-04 292
<!-- *@Author:yourname *@Date:2021-08-0417:26:18 *@LastEditTime:2021-08-0419:59:23 *@LastEditors:PleasesetLastEditors *@Description:InUserSettingsEdit *@FilePath:\briupf:\Web课后练习成果\HTML\htmlDay03.html --> <!DOCTYP...
前端开发--HTML--table布局
sundanping_123的博客
07-03 482
做一个上图的简历，先分析，四列，分别是260 30 480 30 ，总共是800. <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title>布局</title> </head> <body topmargin='0'...
el-form嵌套el-table
最新发布
08-11
你可以使用 `el-form` 来嵌套 `el-table`，以便在表单中展示表格数据。下面是一个简单的示例： ```html <el-form ref="form" :model="form" label-width="80px"> <el-table :data="tableData" style="width: 100...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值