HTML(三)表格table与表单form的基本使用

您所在的位置:网站首页 学生抽奖怎么做表格 HTML(三)表格table与表单form的基本使用

HTML(三)表格table与表单form的基本使用

2024-07-15 04:05| 来源: 网络整理| 查看: 265

table的基本使用

表格的作用除了可以显示一个表格外,有的时候还可以用于辅助排版。以前的网页都是使用表格进行排版的,不过现在都不流行了,因为表格排版不利于网页结构。

1、新建表格

table就是表格

tr是表格的行,

td表格的每一个。

thread定义表头

表格示例:

                          标题1             标题2             标题3                            内容1         内容2         内容3                   内容1         内容2         内容3     

效果:

2、合拼单元格

代码如下;

    

        

            标题1

            标题2

            标题3

        

    

    

        内容1

        内容2

        内容3

    

    

        内容1

        内容2

    

    

        内容1

        内容2

    

效果如下:

 

表单

因为在浏览器中输入的内容都必须要经过网络提交到服务器端再处理,所以需要把所有的控件都包含在一个form表单控件中,然后一次提交给服务器,再由服务器处理用户提交的数据。

 

一、新建注册页面 1、新建表单

首先新建一个web project,然后新建两个页面一个是注册页面register.jsp和接受处理页面doregister.jsp。打开register.jsp,我们先写上一个form标签,定义action属性和method方法。代码如下:

body>

    

    

2、建立控件

然后在表单里面定义控件,下面模拟一个注册页面,在这个页面上面几乎用到了所有的基本的控件,为了排版更加工整,所有使用table辅助布局。代码如下:

 

                                                    用户名:                                                                                                  密码:                                                                                                  性别:                                         男                       女                                                         爱好:                                      羽毛球                      篮球                      足球                                                            籍贯:                                                           广东省                       广西省                       山东省                                                                               自我介绍:                                                                                                             头像:                                                                                                                                                                                                                                                              

效果如下:

二、修改服务器处理页面

我们也可以修改doregister.jsp页面,页面不需要任何静态页的内容。这个页面完整内容如下:

然后在注册页输入相关的内容,点击提交,查看是否能接受用户的输入信息。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3