HTML 表单
什么是表单
- 搜索框
- 登录框
- 文件上传
- 注册
- 留言板
用户:向服务器提交信息(写)
服务器:搜集用户信息
标签:<form> </form>
交互
双向交流——用户与服务器
读写执行
读取 获取信息
写入 发出信息
属性
表单本身是一个框架,表单里会有很多控件(属性)
action:数据提交到服务器的url,如果为空,提交到当前页面,也可以采用绝对路径和相对路径的形式
method:提交方法
-
get :提交方法默认值,显示提交,通过url,url长度有限制
-
post:通过向服务器传输数据(如上传文件,http报文)
enctype:什么样的数据可以被提交
- application/x-www-form-urlencoded 默认值 ,特殊字符可以提交
- multipart/form-data 上传文件时,必须要写
target:表单响应方式
- _blank:显示在新选项卡
- _self:默认值,显示在当前窗口
- framename:显示在命名的iframe中
元素
<!-- input元素和type属性 -->
<input type=“属性” /> 单标签
password 密码框 <!-- 并不安全,通过浏览器的管理控制台将password改成text即可看见被隐藏的密码 -->
text 文本框
radio 单选框
checkbox 复选框
reset 重置按钮
file 文件域
hidden 隐藏内容
submit 提交
<!-- 下拉列表 -->
<select>
<options></options> <!-- 选项 -->
……
<options></options>
</select>
<!-- 文本域:定义多行输入字段 -->
<textarea>文本</textarea>
可以输入回车换行符
<!-- 按钮 -->
<button></button>
html源码
<html>
<head>
<title>表单</title>
<meta charset="utf-8">
</head>
<body>
<h1>用户注册页面</h1>
<form action="#" method=