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 = “”