From表单的那些事儿_登录为什么需要 from 表单-CSDN博客

本文链接：https://blog.csdn.net/tony_yang6/article/details/106219263

1.表单的作用

提交数据给后台的一种方式

from表单

属性：

action：提交的目标位置，提交数据到服务器进行处理

method：get和post

enctype：

get：

1.通过URL明文传递

16-from表单基本验证.html?userName=小刘&password=root

?之后是参数 userName=小刘 userName 参数名小刘参数值 = 连接

不同参数使用&分割

2.不安全密码明文传递

3.效率高传输速度快

4.数据大小有限制，一般限制在2KB以内

post：

1.通过请求实体来传递数据

2.安全性稍微可靠一点（较get）

3.效率低

4.数据大小理论上不限制

使用情况：一般用于：搜索更新，删除，插入，登录。。。。

2.input标签

input输入框

type决定当前input标签中的内容是什么样式

属性值：

text 可视化文本【默认属性】

password 密文

submit 提交

radio 单选

【要求】

1.name属性必须一致，不然无法满足单选要求

2. checked属性默认为选择

checkbox 多选

【要求】

1. name属性必须一致

2.建议：可以在name属性中使用[] 做标记，区分是否为多选

tips：多选使用[] PHP后台直接解析为PHP 数组Array

data 时间日期

reset 重置

file 文件

hidden 隐藏数据传递

3. select下拉菜单

<select name="city">
    <option value="1">安阳</option>
    <option value="2">郑州</option>
    <option value="3" selected>许昌</option>
    <option value="4">开封</option>
    <option value="5">邯郸</option>
</select> <br>

4.文本框

<textarea name="info" cols="30" rows="10"></textarea> <br>

5.frameset

页面框架可以分层分列

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01-Frameset</title>
</head>
<!-- 使用frameset不能使用body标签 -->
<!-- rows 分两行，一行200px，剩余页面是第二行 -->
<frameset rows="200px, *" border="20px" bordercolor="yellow" noresize>
    <frame src="01-top.html">
    <!-- cols两列 200px 第一列的宽度，*第二列 -->
    <frameset cols="200px, *">
        <frame src="01-left.html">
        <!-- 左边A标签连接点击，页面展示到name=right的frame中 -->
        <frame src="01-right.html" name="right">
    </frameset>
</frameset>
</html>

特殊字符

&lt; 小于号
&gt; 大于号
&amp; 与字符
&nbsp; 空格
&quot; 双引号
&reg; 已注册
&copy; 版权声明
&trade; 商标声明