web前端day2-----表单和表格标签

最新推荐文章于 2023-06-18 20:54:12 发布

OrdnAry

最新推荐文章于 2023-06-18 20:54:12 发布

阅读量247

点赞数

分类专栏：学习文章标签： html web

本文链接：https://blog.csdn.net/OrdnAry/article/details/107342335

版权

学习专栏收录该内容

59 篇文章 5 订阅

订阅专栏

表格标签:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>表格标签table</title>
 </head>
 <body>
 <!------3*3表格------>
  <table border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td colspan="2">1.1</td>
		
		<td rowspan="2">1.3</td>
	</tr>
	<tr>
		<td rowspan="2">2.1</td>
		<td><img src="D:\1Web前端\素材\day01\img\001.jpg" width="20"></td>
		
	</tr>
	<tr>
		
		<td colspan="2">3.2</td>
		
	</tr>
  </table>
  <br/>

  <table border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td colspan="2" rowspan="2">1.1</td>
		
		<td>1.3</td>
	</tr>
	<tr>
		
		
		<td>2.3</td>
	</tr>
	<tr>
		<td>3.1</td>
		<td>3.2</td>
		<td>3.3</td>
	</tr>
  </table>
 </body>
</html>

在这里插入图片描述
**

表单标签

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>表单标签form</title>
 </head>
 <body bgcolor="yellow">
	<!--表单控件:
	1.input标签: 单标签 type属性 控制input类型
	取值 默认 text文本框 password密码框
	     submit提交按钮  reset重置按钮 button 普通按钮
		 radio单选项 checkbox复选项
	2.下拉选项框select和option标签 双标签
	3.文本域 textarea 双标签
	  cols列属性 rows行属性 代表显示列数 行数 取值 数字 
	

	form标签的属性: action属性 提交地址 method属性 提交方法
	提交服务器必须的2个属性:
	name属性 表单控件的名称 value属性 表单控件的值
	-->
	<form>
	<!-- 文本框 -->
		用户名称:<input type="text" name="username" value="Tom"/><br/><br/>
	<!-- 密码框 -->
		用户密码:<input type="password" name="userpsd" /><br/>
	<!-- 单选项 -->
		性别:<input type="radio" name="sex" value="man"/>男
			 <input type="radio" name="sex" value="woman"/>女<br/>
	<!-- 复选项 -->
		爱好:<input type="checkbox" name="enj" value="eat"/>吃饭
			 <input type="checkbox" name="enj" value="sleep"/>睡觉
			 <input type="checkbox" name="enj" value="hit"/>打豆豆<br/>
	<!--下拉选项框-->
		城市:<select name="city">
				<option value="-1">--请选择你所在的城市--</option>
				<option value="0">北京</option>
				<option value="1">上海</option>
				<option value="2">杭州</option>
				<option value="3">广州</option>
				<option value="4">深圳</option>
			 </select><br/>
	<!-- 文本域 -->
		备注:<textarea cols="20" rows="4"></textarea><br/>
	<!-- 按钮 -->
			 <input type="submit"/>
			 <input type="reset"/>
			 <input type="button" value="普通按钮"/><br/>

	</form>
 </body>
</html>

在这里插入图片描述

OrdnAry

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端day2-----表单和表格标签

**表格标签:**<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签table</title> </head> <body>  <table border="1" cellspacing="0" cellpadding="5">
复制链接

扫一扫