HTML5---基础标签(表格、表单元素)

本文介绍了HTML中的表格和表单的基本用法及属性设置,包括表格的创建、表单元素的使用、不同类型的输入控件及其特性等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表格

<table> 显示表格
语法:<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="" >
width:表格的宽度,height:表格的高度;border:表格的边框,bgcolor表格的背景颜色,background 表格背景颜色。cellpadding:表格字间距, cellspacing:表格边框间距。
<tr></tr>表格的行
<td></td>表格的列
<thead></thead>表格的表头标签
<tbody></tbody>表格的主体标签
<tfoot></tfoot>表格的尾部标签
<rowspan=‘’> 合并列
<conspan=‘’>合并行

表单

<form> 显示表单
语法:<form name="表单名称" method="post/get" action="提交地址" >
name:表单名称,action:提交地址,向何处发送表单数据
method:规定如何发送表单数据;常用值:get/post
get:默认数据传递方式;特点:<1>通过地址栏传递数据 <2>不能传递敏感数据 <3>不能传递海量数据 <4>不能上传附件
post:数据传给文件处理程序;特点:<1>能传递敏感数据 <2>能传递海量数据 <3>能上传附件

<input>显示表单元素
语法:<input type="text" name="名称" value="值" />
type:指定元素类型 name:表单元素名称 value:元素的初始值,type为radio时,必须指定一个值
文本框:<input type="text" name="名称" value="值" />
密码框:<input type="password" name="名称" value="值"/>
单选按钮: <input type="radio" name="名称" checked= ""/>
复选框: <input type="checkbox" name="名称" checked="" />
当checked="checked"时默认被选中
下拉框: <select> <option value="值"></option> </select>
当select="select"时下拉框第一次加载哪一向
提交按钮: <input type="submit" name="名称" value="值" />
重置按钮: <input type="reset" name="名称" value="值" />
文本区域: <textarea cols="文本的宽度" rows="文本行数"></textarea>
cols:多行文本框可见的列数(宽度);rows:多行文本框可见的行数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值