HTML——常用标签③

• table

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。戳我

属性表对照

1、相关代码

	
表格的标题(外边距为20)
	

		
列标题
		
列标题
		
列标题
	
	

		

			
单元格1
			
单元格2
		
		

			
 单元格4
			
单元格5
			
单元格6
		
	
	

2、相关代码

	
文字对齐
	

		
单元格1
		
单元格2
		
单元格3
	
	

		
单元格4
		
单元格5
		
单元格6
	
		

		
单元格7
		
单元格8
		
单元格9
	

• form

该标签用于为用户输入创建 HTML 能够包含 input 元素的表单，比如文本字段、复选框、单选框、提交按钮等等。
点点点
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。并用于向服务器传输数据。

相关代码

	
	用户名：

	
	密码：

	
	

利用

设置表单

	


	

	
基本信息
	
	

	姓名：

	
	头像：

	
	月薪：
		1000-5000
		5000-10000
		10000-20000
		20000+
	

• input

该标签的属性有很多，其中根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

关于标签的一些使用
1.使用size可以设置输入表单域的长短。

size为10：

size为50：

2.使用readonly可以设置输入表单域只可读，不能写。

readonly="readonly"：

`3.使用maxlength可以设置输入表单域只能输入多少个字符。

maxlength="5"：

maxlength="15"：

• select

可创建单选或多选菜单，是一种表单控件，可用于在表单中接受用户输入。

1.使用size可以设置select下拉选择框显示多个选项。

	选项1
	选项2
	选项3
	选项4
	选项5

2.使用multiple可以设置select下拉选择框,按住ctrl可以多选。

	选项1
	选项2
	选项3
	选项4
	选项5

• textarea

定义多行的文本输入控件

属性简介

使用rows,cols可以设置多行文本域的大小

rows="5" cols="50"