表格的合并和表单

最新推荐文章于 2022-08-24 19:25:54 发布

huijie_0716

最新推荐文章于 2022-08-24 19:25:54 发布

阅读量435

点赞数 5

分类专栏： HTML5 文章标签： elementui linq webview

本文链接：https://blog.csdn.net/huijie_0716/article/details/123131937

版权

HTML5 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

表格合并

colspan 左右合并
rowspan 上下合并

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0">
			<tr>
				<td colspan="2" align="center">单元格</td>
				<td>单元格</td>
				<td rowspan="2">单元格</td>
			</tr>
			<tr>
				<td>单元格</td>
				<td>单元格</td>
				<td>单元格</td>

			</tr>
			<tr>
				<td colspan="3" align="center">单元格</td>
				<td>单元格</td>
			</tr>
			<tr>
				<td>单元格</td>
				<td>单元格</td>
				<td>单元格</td>
				<td>单元格</td>
			</tr>
		</table>
	</body>
</html>

运行结果

表单

什么是表单

表单是用来采集用户的输入数据，然后将数据提交给服务器

表单的组成

表单标签

表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法

表单域

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等

表单按钮

表单按钮：包括提交按钮、复位按钮和一般按钮

表单标签

功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器

<form action="" method="">
			
</form>

form 用来表示采集数据的范围块元素

action 行为动作数据提交的路径

method 方法方式数据提交的方式

get 获取得到在地址栏上方能看到
post 看不到

表单域

文本框

文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等

用户名:<input type="text" name="usename" id="" value="" placeholder="用户名/邮箱"/>

密码框

是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。

<input type="password" name="pwd" placeholder="密码">

表单按钮

表单按钮控制表单的运作

提交按钮

提交按钮用来将输入的信息提交到服务器

<input type="submit" value="提交"/>

重置按钮

重置按钮用来重置表单

<input type="reset" value="重置" />

普通按钮

普通按钮用来控制其他定义了处理脚本的处理工作

<input type="button" value="按钮" />

图片按钮

<input type="image" src="img/anniu.jpg" alt="图片"/>

input 输入
           type 类型  type="text" 文本框

type="password" 密码框

type="submit"  提交按钮

                               type="reset"   重置按钮

                                type="button" 普通按钮

                                type="image" 图片提交按钮
           name 名字用来提醒 name="usename"
           value 初始值
           placeholder 输入框的提醒文本  placeholder="用户名/邮箱"

maxlength 最大长度最多输入的字符数 maxlength="10"

huijie_0716

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表格的合并和表单

表格合并colspan 左右合并 rowspan 上下合并<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" cellspacing="0"> <tr> <td colspan="2"
复制链接

扫一扫