表单作用(form):
收集用户信息,表单展现之后,用户填写表单,点击提交按钮提交数据给服务器。
一个网页中可以有多个表单。
表单最终需要提交数据给服务器,action属性用来指定服务器地址,可指定提交哪个服务器。
和href一样都可向服务器发送请求(request)。
<form action="路径地址">
<input type="按钮" value="按钮上显示的文本"/>
action:请求路径,表单提交数据最终提交给谁
按钮:submit(提交按钮,能提交表单),button(普通按钮),text(文本框),
password(密码框),checkbox(复选框),radio(单选按钮),reset(重置)......
</form>
用户名/密码<input type="" name="">有name才会提交,如果type="text"就不用写value,用户来写。
HTTP协议规定,提交服务器格式必须以:
action?name=value&name=value&name=value…
所以写上name才会提交给服务器。
当value没有写时,value默认为空字符串“ ”,会提交给服务器。
用户注册表单:
<!--form表单中method属性:
get:用户提交的信息会显示在浏览器的地址栏上。
post:不会显示。当用户提交敏感信息例如密码建议采用这个。
如果不指定method,默认为get。
-->
<form action="http://。。。" method="post">
用户名
<input type="text" name="usename">
<br>
密码
<input type="password" name="userpwd">
<br>
确认密码
<input type="password">
<br>
性别
<input type="radio" name="gender" value="1" checked>男<!--默认男-->
<input type="radio" name="gender" value="0">女
兴趣爱好
<input type="checkbox" name="interest" value="smoke" checked>抽烟
<input type="checkbox" name="interest" value="drink">喝酒
<input type="checkbox" name="interest" value="fire">烫头
<br>
学历
<select name="grade"><!--下拉列表-->
<option value="gz" selected>高中</option><!--默认高中-->
<option value="dx">大学</option>
<option value="ss">硕士</option>
</select>
简介<!--文本域,没有value属性,用户填写的内容就是value-->
<textarea rows="10" cols="60" name="introduce"></textarea><!--10行,60列-->
<br>
<input type="submit" value="注册">
<input type="reset" value="清空">
<--超链接也可以提交数据给服务器,但是数据都是固定不变。超链接是get请求-->
</form>
下拉列表:
<select mutiple="mutiple" size="2">
支持多选,显示条数为2