发布时间:2023-03-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输入表单元素

<inputtype=""/>

名称

元素

文本框

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="https://www.cnblogs.com/Wuu201717332/archive/2023/03/10/%E5%9B%BE%E7%89%87%E8%B7%AF%E5%BE%84" />