HTML网页制作:插入表单

人气:491 ℃/2023-08-21 20:49:19

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

操作方法

table

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

定义表格的行

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

定义单元格

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

表格的边框

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

html注册表单制作

HTML创建用户反馈表单

这章中,将使用一个表单内的各种元素来开发一个简单网站的用户意见反馈页面。

反馈表单非常简单,通常包含三个部分,需要在页面上方给出标题,标题下方是正文部分,即表单元素,最下方是表单元素提交按钮。在设计这个页面时,需要把“用户注册”标题设置成H1大小,正文使用p来限制表单元素。

具体操作步骤如下。

(1)构建HTML页面

构建HTML页面,实现表单内容,在<body>标签中加入以下代码,代码如下。

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示,可以看到创建了一个用户反馈表单,包含一个标题“用户注册”、“姓名”、“性别”、“年龄”、“联系电话”、“电子邮件”、“联系地址”、“意见反馈” 等输入框和“提交”按钮等。

举一反三

通过表单的学习,可以实现各种简单表单的设计、制作。参考所学知识,完成下图所示表单的设计。

推荐

首页/电脑版/网名
© 2025 NiBaKu.Com All Rights Reserved.