html 表单1

最新推荐文章于 2023-07-14 19:00:42 发布

eerieShadow

最新推荐文章于 2023-07-14 19:00:42 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_42265536/article/details/85212641

前端专栏收录该内容

21 篇文章

订阅专栏

form 标签

创建一个表单，就要把各种表单标签放在 <form> </form> 标签内部

语法： <form> 表单各种标签 </form>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>

    <form>
        <input type="text" value="这是一个文本框"> <br>
        <textarea></textarea> <br>
        <select >
            <option >HTML</option>
            <option >CSS</option>
        </select>
    </form>

</body>
</html>

form 标签属性

name： 区分表单，避免在后台程序中出现混乱

语法：

<form name="表单名称">

...

</form>

不能包含特殊字符和空格

action: 用于指定表单数据提交到哪个地址进行处理

语法：

<form action="表单处理程序">

...

</form>

表单处理程序是表单要提交的地址，这个程序地址用来处理从表单搜集的信息

这个地址可以是相对地址，也可以是绝对地址，还可以是一些其他形式的地址

method: 告诉浏览器表单中的数据使用哪一种 HTTP 提交方法，取值为 get 或 post

语法：

<form method="传送方法">

...

</form>

get: 默认值，表单数据被传到 action 属性指定的 URL ，然后这个新的 URL 被送到处理程序上

post: 表单数据被包含在表单主体中，然后被传送到处理程序上

target: 跟 a 标签的 target 一样, 都是采用指定窗口的打开方式

语法：

<form target="目标显示方式">

...

</form>

_self 默认方式，在当前窗口打开链接
_blank 在一个全新的空白窗口中打开链接
_top 在顶层框架中打开链接
_parent
在当前框架的上一层打开链接

编码方式：enctype 属性用于设置表单信息提交的编码方式

application/x-www-form-urlencoded ：默认编码方式

multipart/form-data ： MIME 编码，对于 “上传文件” 这种表单必须选择该值

语法：

<form enctype="multipart/form-data">

...

</form>

_self	默认方式，在当前窗口打开链接
_blank	在一个全新的空白窗口中打开链接
_top	在顶层框架中打开链接
_parent	在当前框架的上一层打开链接