html-表单form

html-表单form

表单的作用:收集用户输入信息提交给服务器。

最实用的一个提交表单,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
用户名
姓名
密码
确认密码
性别
兴趣爱好
学历
简介
-->
    <form action="http://localhost:8080/a" method="get">
        用户名<input type="text" name="username"/><br/>
        姓名<input type="text" name="name"/><br/>
        密码<input type="password" name="password"/><br/>
        确认密码<input type="password"/><br/>
        <!--radio 单选按钮,属于同一个name的radio才有效果-->
        性别<input type="radio" name="gender" value="female" checked><input type="radio" name="gender" value="male"><br/>
        兴趣爱好<input type="checkbox" name="hobby" value="smoke"/>抽烟
                <input type="checkbox" name="hobby" value="net"/>上网
                <input type="checkbox" name="hobby" value="drink"/>喝酒<br/>
        学历<select name="xueli">
                <option value="gaozhong">高中</option>
                <option value="dazhuan">大专</option>
                <option value="benke" selected = "selected">本科</option>
            </select><br/>
        简介<textarea cols="60" rows="60" name="introduction"></textarea><br/>
       <!-- 使用input输入域,type="submit"表示该按钮是一个提交按钮,具有提交表单的能力。-->
        <input type="submit" value="提交">		
    </form>

</body>
</html>

action属性:

  • action 定义一个 URL,当点击提交按钮时,向这个 URL 发送数据。

method属性:

  • method属性:get,post
  • get:用户提交的信息会显示在浏览器的地址栏上。
  • post:用户提交的信息不会显示在浏览器地址栏上。
  • method属性不指定,或者指定get,这种情况下都是get。只有当method属性指定为post的时候才是post请求。剩下所有的请求都是get请求。post和get提交的数据格式还是一样的,只不过post不在地址栏上显示出来。

表单提交数据给服务器的格式:

  • http://localhost:8080/xx/xxxx?username=abc&userpwd=111
  • 格式:action?name=value&name=value&name=value&name=value&…

注意:

  • 表单项name属性有值的,会提交给服务器,无name属性则不会提交给服务器。
    文本框和密码框的value不需要程序员指定,用户输入什么value就是什么。
  • 当value没有写的时候,value的默认值是空字符串"",会将空字符串提交给服务器。java代码得到的是:String username = “”

猜你喜欢

转载自blog.csdn.net/PgramM/article/details/114281190