html--表单

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!--
            1.表单有什么用?
                收集信息,表单展现之后,用户填写表单,点击提交按钮提交数据给服务器。
            2.怎么画一个表单?
                使用form标签画表单
            3.一个页面中可以有多个表单form
            4.表单最终是需要提交数据给服务器的,form标签有一个action属性,这个属性用来指定服务器地址
                action 属性用来指定数据提交给哪个服务器
                action 属性和超链接中的href属性一样,都可以向服务器发送请求(request)
            5.http://192.168.111.3:8080/oa/save 这个是请求路径,表单数据最终提交给:
                 192.168.111.3机器上的8080端口对应的软件
        -->
        <form action="http://192.168.111.3:8080/oa/save">
            <!--画一个提交按钮,这个按钮可以提交表单-->
            <!--画按钮可以使用input输入域,type="submit"的时候表示该按钮是一个提交按钮,具有提交表单的能力-->
            <!--对于按钮来讲,按钮的value属性用来指定按钮上显示的文本信息-->
             <input type="submit"  value="登陆" />
             <!--这是一个普通的按钮,不具备提交表单的能力-->
             <input type="button" value=设置按钮上显示的文本"" />
        </form>
        <a href="http://www.baidu.com">百度</a>
        <!--这个按钮和普通的超链接没什么区别,(超链接和表单都可以像服务器发送请求,只不过表单发送请求的同时可以携带数据。)-->
        <form action="http://www.baidu.com">
           <input type="submit" value="百度" /> 
        </form>
        <br><br>
     
        <form action="http://localhost:8080/jd/login">
            用户名<input type="text"/><br>
            密码<input type="password" /><br>
            <input type="submit" value="登陆" />
        </form>
        <!--
            表单以什么格式提交数据给服务器的?
                http://localhost:8080/jd/login?username=abc&&userpwd=1111
                格式:action?name=value&name=value&name=value&name=value....
                HTTP协议规定的必须以这种格式提交给服务器
                
                重点强调:表单项填写了name属性的,一律会提交给服务器,不想提交这一项,就不要写name属性。
                
                文本框和密码框的value不需要程序员指定,用户输入什么value就是什么。
                
                当name没有写的时候,该项不会提交给服务器
                但是当value没有写的时候,value的默认值是空字符串,会将空字符串提交个服务器,java代码得到的是String s=" "
        -->
        <form action="http://localhost:8080/jd/login">
            <table >
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="username" /></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password" name="userpwd"/></td>
                </tr>
                <tr align="center">
                    <td colspan="2">
                        <!--submit必须放到form标签的内部-->
                        <input type="submit" value="登陆"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <!--必须放到form标签内部-->
                        <input type="reset" value="清空" />
                    </td>
                </tr>
                <tr></tr>
            </table>
        </form>
    </body>
</html>

 

posted @ 2025-01-26 10:12  白头吟  阅读(19)  评论(0)    收藏  举报