HTML表格
  DAbCuRiscCZg 2023年11月01日 80 0

表格: 

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

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  LY8MQrCFKM5K   2024年05月17日   42   0   0 Html/Css
  6KFl7ZJFjB7K   2024年04月15日   91   0   0 Html/Css
  yFRq1xYnAob9   2024年04月22日   61   0   0 Html/Css
  20HN9BpynbnX   2024年05月17日   38   0   0 Html/Css
  uCg8iP04yNRs   2024年05月08日   159   0   0 Html/Css
DAbCuRiscCZg
作者其他文章 更多

2023-11-01

2023-11-01

2023-11-01