【HTML】HTML 表单 ⑤ ( form 表单域 )
HTML 表单 Form
2023-06-13 09:18:07 时间
文章目录
一、form 表单域
1、form 表单域作用
从 input 表单 , textarea 文本域 , select 下拉菜单 中收集了用户信息 , 需要通过
form 表单域
发送给 服务器端 ;
2、form 表单域语法
form 表单域 语法 : 在 form 表单域 中 , 要注明 服务器地址 , 提交方式 , 表单名称 ;
<form action="服务器 URL 地址" method="表单提交方式" name="识别表单的名称">
若干 HTML 组件 与 表单控件
</form>
- action 属性 : 设置 接收 表单数据 的 服务器 URL 地址 , 值是一个 URL 字符串地址 ;
- method 属性 : 表单的提交方式 , 设置为 get 或 post 请求 ;
- name 属性 : 指定表单域名称 , 一个页面中可能有多个表单域 ; 值为字符串 ;
3、form 表单域 Get 请求
代码示例 : 用户名 的 文本框 命名为 username , 密码 的 文本框 命名为 password , 提交表单时 , 就会自动生成 username=hanshuliang&password=123456
键值对信息 ;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
<base target="_blank"/>
</head>
<body>
<form action="127.0.0.1/Request" method="get" name="form1">
<!-- 表单 -->
用户名 : <input type="text" value="请输入账号" name="username"/>
密 码 : <input type="password" name="password"/>
<br />
<input type="submit" />
<br />
<input type="reset" />
</form>
</body>
</html>
展示效果 : 输入 用户名 , 密码 , 点击 重置 , 表单域中 文本框 内容会自动清空 ;
输入 用户名 , 密码 , 点击 提交 , 会在新 窗口 中访问
file:///D:/HTML/127.0.0.1/Request?username=hanshuliang&password=123456
地址 ,
4、form 表单域 Post 请求
上述 使用 get 请求并不安全 , 提交的信息 , 包括密码 , 直接明文显示在了链接上 ,
file:///D:/HTML/127.0.0.1/Request?username=hanshuliang&password=123456
因此 大部分时候 , 都使用 post 请求 ;
代码示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>网页标题</title>
<base target="_blank"/>
</head>
<body>
<form action="127.0.0.1/Request" method="post" name="form1">
<!-- 表单 -->
用户名 : <input type="text" value="请输入账号" name="username"/>
密 码 : <input type="password" name="password"/>
<br />
<input type="submit" />
<br />
<input type="reset" />
</form>
</body>
</html>
运行效果 :
点击 提交 按钮 , 在链接中不显示提交的表单数据信息 ;
file:///D:/HTML/127.0.0.1/Request
相关文章
- html里制作简单导航栏
- html超链接位置怎么改,如何修改HTML超链接样式?
- 富文本框_html表单输入框对齐
- 隐性域名转发html代码,你知道显性URL转发/隐性URL转发记录添加方式吗
- html怎么将表格居中_HTML居中代码
- html表单提交_html表单标签有哪些
- html元素【垂直水平居中】方法合集
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【笔记】在HTML中用meta控制浏览器默认模式
- HTML域名出售模板域名出售Domainxv2.0
- HTML的表格标签详解编程语言
- Linux上跑起来的HTML之旅(linux运行html)
- 文件MySQL数据库存储HTML文件.(mysql存html)
- MySQL存储HTML页面的简单技巧(mysql存储html)
- 在 Linux 中把多个 Markdown 文件转换成 HTML 或其他格式
- HTML <center> 标签
- HTML <html> 标签
- MySQL数据库中如何存储和检索带有HTML标签的文本(mysql中html标签)
- HTML 操作 Oracle 数据库的实现(html调用oracle)
- asp.net中将表单提交到另一页Code-Behind(代码和html在不同的页面)
- javascript文章截取部分无损html显示实现代码
- php压缩HTML函数轻松实现压缩html/js/Css及注意事项
- asp生成静态HTML(动态读取)
- js获取html页面节点方法(递归方式)