HTML表格

标签：单元格 表格 单选框 元素 复选框 HTML 表单

​

表格: 

<table>
    <tr>
        <th>表格1</th>
    </tr> 
    <tr> 
        <td>表格2</td>
    </tr>
</table>

 

快捷键：table>tr*数量>td*数量  

属性名	属性值	说明
align	left、center、right
border	1或“”	边框
cellpadding	像素值
cellspacing	像素值

 

合并单元格：
跨行：	rowspan="合并单元格数量"
跨列：	colspan="合并单元格数量"
删除多余的单元格

 

表单域	<form></form>
属性	属性值	作用
action	url地址
method	get/post	提交方式
name	名称	表单域名称

 

表单元素：

1、input输入表单元素

<input type=" " />
名称	元素
文本框	text
密码框	password
单选框	radio
复选框	checkbox
提交	submit
重置	rest
普通按钮	button
上传文件	file
隐藏无法在网页显示	hidden

 

name	元素名称
value	元素的值，多选框
checked	默认选中，对单选框和复选框
maxlength	限制表单元素的字符数
size	设置文本框/密码框的长度
readonly	只读
disabled	禁用

 

<label>标签：（用于label之后可以把这个单选或复选框跟文本描述关联起来，这样点击文字就能选中这个单选框） 

<input type="text". id="nan"><label for="nan">男</label> 

 

 

2、select下拉表单元素（<option>中定义selected时，即为默认选中）

<select>
    <option>选择1</option>
    <option>选择1</option> 
</select>

 

 

3、定义多行文本输入：（定义：（1）cols 显示列数  （2）rows显示行数）

<textarea>文本</textarea>

 

 

4、图片按钮：

<input type="image" src="图片路径" />

 

标签：单元格,表格,单选框,元素,复选框,HTML,表单
From： https://www.cnblogs.com/Wuu201717332/p/17204461.html