表单

发表时间:2017-05-12 16:10:01 浏览量( 20 ) 留言数( 0 )

学习目标:

1、了解Java的历史

2、为什么要学习Java语言

3、端正学习态度


学习过程:

在学习swing时我们使用了大量的控件帮助我们进行开发,其中使用最多的应该就是输入框一类的控件了,在html中也有类似的控件,而且更加简单,但是由于B/S结构和C/S结构差别很大,我们不能像以前swing那样为某个按钮绑定单击事件,然后在单击事件中处理控件输入的内容,因为我们现在在浏览器中输入的内容都必须要经过网络提交到服务器端再处理。所有我们需要把所有的控件都包含在一个form表单控件中,然后一次提交给服务器,再由服务器处理用户的输入。

attcontent/946754bb-02e3-49b4-885b-85218f1255ca.png

一、新建注册页面

1、新建表单

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

>
body>

2、建立控件

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

>

            <>
                <>密码:
                <><input type= name=  />
            tr>

            <>
                <>性别:
                <>
                   < type= name= value= checked= /> 男
                   < type= name= value=/> 女
                td>
            tr>
            
            <>
                <>爱好:
                <>
                    < type= name= value= checked=> 羽毛球
                    < type= name=> 篮球
                    < type= name=> 足球
                td>
            tr>
            
            <>
                <>籍贯:
                <>
                   < name=>
                      <>广东省
                      <>广西省
                      < ed=>山东省
                   select>
                td>
            tr>
            
            <>
                <>自我介绍:
                <>
                  
                  < rows= cols=>
                td>
            tr>
            
            <>
                <>头像:
                <>
                   < type=/>
                td>
            tr>
            
            <>
                < colspan=>
                  
                  < type= value= />
                  
                  
                  < type= value= />
                  
                   
                  < type= value= />
                
                td>
            tr>
        table>
    form>

效果如下:

attcontent/1e134d3d-fc41-4f93-8e45-e200745fb1c7.png

二、修改服务器处理页面

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

<%@ page language="java" import="java.util.*"%>
<%
    //接受和处理用户提交的信息
    System.out.println("接受和处理用户提交的信息");

    String username = request.getParameter("username");

    System.out.println("用户名:" + username);

    String sex = request.getParameter("sex");

    System.out.println("性别:" + sex);
%>

然后在注册页输入相关的内容,点击提交,查看是否能接受用户的输入信息,有关这方面的内容我们在讲解jsp和servlet时再讲了。