当前位置： 移动技术网 > IT编程>网页制作>HTML > HTML第二天——表格、列表、表单元素

HTML第二天——表格、列表、表单元素

2020年07月11日  | 移动技术网IT编程  | 我要评论

表格

<table>
	<tr>
		<td> </td>
	</tr>
</table>

表格 属性

宽　　　　width
高　　　　height
边框　　　border　　　　无边框　border = 0
对齐方式　align = left / center / right
外边距　　cellspacing
内边距　　cellpadding

表头单元格

<th>　</th>        默认：加粗居中
标题： <caption> 　</caption>

合并

跨行合并　　rowspan
跨列合并　　colspan

表格划分结构

表头、正文、脚注
thead、tbody、tfoot

列表

无序列表：

<ul>
	<li> </li>
	<li> </li>
</ul>

有序列表：

<ol>
	<li> </li>
</ol>

自定义列表：

<dl>
	<dt> </dt>
	<dd> </dd>
</dl>

表单

提示文本、表单、表单域

<input type=" ">

属性：name　　value（表单内的默认值）
控件：type
文本框　　　　text
密码框　　　　password
单选　　　　　radio
复选　　　　　checkbox　　　　单选和复选默认选中：checked=“checked”
普通按钮　　　button
提交按钮　　　submit
重置按钮　　　reset
图片按钮　　　image　src=“路径”
上传文件　　　文件域名：file

扩大选中的点击范围　　label

1、直接包裹
2、<label for=" "> 　<input id=" ">

文本域标签

<textarea name=" " rows="10" cols="30">
</textarea>

下拉列表

<select name=" ">
	<option value=" "> </option>
</select>

默认选中：selected = “selected”

表单域标签

<form action="URL地址" method="get/post" name="名字">
							 明文/密文
</form>

本文地址：https://blog.csdn.net/Aiello001/article/details/107244422

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网