猫先生头条

HTML表格

2023-03-10 19:11 由 要长脑子了 发表于 #前端开发
​

表格: 

<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="图片路径" />

 

热门相关：首席的独宠新娘   情生意动   霸皇纪   小妈妈的朋友   寂静王冠