学习01-html表格,表单,列表

喜欢而已 提交于 2020-02-26 14:50:52

表格

表格的构成:表格由<table>标签来定义表头为<th>,行为<tr>,列为<td>。

表格的标题标签:<caption>.。

表格的基本属性:

属性 含义 常用属性值
border 表格的边框,默认border=“0”无边框 像素px
width 表格的宽度 像素px
height 表格的高度 像素px
cellspacing 设置单元格与单元格边框之间的空白间距 像素px,默认2px
align 设置表格在网页中的水平对其方式 left,center,right
rowspan 跨行合并 像素px,默认1px
colspan 跨列合并 像素px,默认1px
border-collapse 单元格边框重叠部分的去除 collapse

表单

表单的语法:<input/>

属性 属性值 描述
type text 单行文本输入框
type radio 单选按钮
type password 密码输入框
type checkbox 复选框
type button 普通按钮
type submit 提交按钮
type reset 重置按钮
type image 图像按钮
type file 文件域
name 由用户自定义 控件的名称
value 由用户自定义 默认文本值
size 正整数 在页面中显示宽度
checked checked 定义控件选中的项
maxlength 正整数 控件允许输入的最多字符数

表单元素获取焦点:

第一种:用label直接包括input表单。

例子:<label>焦点:<inputtype="text"></label>

第二种:用for属性规定label与那个表单元素绑定。

例子:

<labelfor="sex">焦点:</label>

<inputtype="text"id="sex">

文本域

文本域:

<textareaname=""id=""cols="30"rows="10">文本域</textarea>

下拉列表

下拉列表:

<selectname=""id="">

<optionvalue="nex">苹果</option>

<optionvalue="nex">香蕉</option>

<optionvalue="nex">梨</option>

</select>

form表单

form表单:

<form action="url地址"method="提交方法"name="表单名称">

各种表单控件

</form>

列表

有序列表:

<ol>

<li></li>

</ol>

无序列表:

<ul>

<li></li>

</ul>

自定义列表:

<dl>

<dt></dt>

<dd></dd>

</dl>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!