第八篇 表单详情 form

一、表单 form

创建供用户输入的 HTML 表单用<from>标签表示，

<form> 元素包含一个或多个如下的表单元素：如 <action> <input> <textarea> <select> <optioon> <fileset> ​​​​​​​

1、表单重要属性 action

        action 属性，表示当前表单需要提交的地址，以注册为例，在 web 开发中，用户需要填写信息并提交完成注册操作，当我们点击提交按钮时，页面会把我们的信息给与到 action 属性对应的链接里，所以在 action 后面添加的是一个链接地址。

<form action="url链接地址">

</form>

2、name 属性

        添加 <name> 会比较规范，容易识别，如果我们添加 <name> 属性时，当我们的信息提交到action 的 url 地址（后台）时，提交的信息会有标记，我们可以通过 name 值区分表单提交的内容是什么，像下面的例子，给 <name> 属性赋值 regist ，一看就知道提交的表单信息是用于注册。

<form name="regist" action="url地址">

</form>

3、method 属性

        methon 属性表示表单提交数据到后台所采用的方式，可以选择2种方式，分别是 get 和 post其中 get 是默认方式，但是 get 提交方式相对 post 来说没有那么安全，采用什么提交方式一般由后端程序员告知。

<form name = "regist" action = "url地址" method = "post">

</form>

4、enctype 属性

        需要上传文件（包括图片）应该设置 enctype 属性的值为 enctype = "multipart/from-data",例如：

<form name = "regist" action = "url地址" method = "post" entype = "multipart/from-data></form>

enctype的3种属性

属性名	作用
text/plain	设置纯文本数据提交
multipart/from-data	设置文件数据上传
application/x-www-from-urlencoded	默认值

5、target 属性

        target 标签表示在哪里打开 action URL，也就是我们点击 submit 提交按钮后在哪里打开我们提交表格数据的反应。target 属性常给它赋值 _blank 和 _self ，其中 _blank 表示在新窗口打开，_self 表示在当前框架打开，是默认打开方式。 

<form name = "regist" action = "url地址" method = "post" target="_self">

<form>

二、表单控件

1、文本输入框 input

可以参考之前提过imput的文章（在第十四点）：第五篇 HTML页面基本组成之 标签元素大杂烩_m0_66451927的博客-CSDN博客

input标签的属性

属性名	作用
name （必须有）	标识当前数据内容，方便后台根据 name 值对数据进行判断
type	设置控件类型，可取值 text 表示文本文件、password 表示输入内容为密码
size	设置 input 在屏幕上显示的长度
placeholder	设置提示语
minlength	设置输入数据最小长度
manlength	设置输入数据最大长度

示