【HTML】HTML 表单 ⑤ ( form 表单域 )

文章目录

一、form 表单域1、form 表单域作用2、form 表单域语法3、form 表单域 Get 请求4、form 表单域 Post 请求一、form 表单域1、form 表单域作用从 input 表单 , textarea 文本域 , select 下拉菜单 中收集了用户信息 , 需要通过

form 表单域

发送给 服务器端 ;

2、form 表单域语法form 表单域 语法 : 在 form 表单域 中 , 要注明 服务器地址 , 提交方式 , 表单名称 ;

代码语言：javascript复制

若干 HTML 组件 与 表单控件

action 属性 : 设置 接收 表单数据 的 服务器 URL 地址 , 值是一个 URL 字符串地址 ;method 属性 : 表单的提交方式 , 设置为 get 或 post 请求 ;name 属性 : 指定表单域名称 , 一个页面中可能有多个表单域 ; 值为字符串 ;3、form 表单域 Get 请求代码示例 : 用户名 的 文本框 命名为 username , 密码 的 文本框 命名为 password , 提交表单时 , 就会自动生成 username=hanshuliang&password=123456 键值对信息 ;

代码语言：javascript复制

用户名 :

密 码 :

展示效果 : 输入 用户名 , 密码 , 点击 重置 , 表单域中 文本框 内容会自动清空 ;

输入 用户名 , 密码 , 点击 提交 , 会在新 窗口 中访问

代码语言：javascript复制file:///D:/HTML/127.0.0.1/Request?username=hanshuliang&password=123456地址 ,

4、form 表单域 Post 请求上述 使用 get 请求并不安全 , 提交的信息 , 包括密码 , 直接明文显示在了链接上 ,

代码语言：javascript复制file:///D:/HTML/127.0.0.1/Request?username=hanshuliang&password=123456因此 大部分时候 , 都使用 post 请求 ;

代码示例 :

代码语言：javascript复制

用户名 :

密 码 :

运行效果 :

点击 提交 按钮 , 在链接中不显示提交的表单数据信息 ;

代码语言：javascript复制file:///D:/HTML/127.0.0.1/Request