HTML网页制作:插入表单

HTML网页制作:插入表单,第1张

Html的表格用table来表示。下面,我们来看看HTML怎么插入表格吧。

table

首先定义HTML表格,代码为<table></table>,如下图所示:

定义表格的行

使用tr元素定义HTML表格的行,如下图所示:

定义单元格

使用td元素定义单元格,如下图所示:

表格的边框

然后用border定义表格的边框,如下图所示:

表格分为表格头、表格主体、表格脚,它们都由行组成,每一行由单元格组成。

给table标签设置属性,可以给表格整体设置样式。

表单用于收集信息。表单的总体设置如下,一个表单中包含各种表单控件标签。

form标签是表单最外层的包裹标签,表单中的一切都要包裹在form里面。一个form就是一个表单,form有如下属性:

input 的 type 值不同,表现为不同的表单控件,input 的 type 值默认为 text。

特点:可多选,选择后可取消

button 的 type 值不同,表现为不同的按钮,button的默认值为submit,不设置 type 属性的 button 就是提交按钮。

两种实现方式,可用 input 或 button 来实现:

作用:将页面重置为页面打开时的状态

作用:无提交/重置功能,配合js使用

作用:可输入多行文字,常用于论坛贴、自我介绍、文章等

name的值需与后端商量

value的值需与后端商量


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7056275.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存