form表单属性，form属性有哪些
这篇文章给大家聊聊关于form表单属性，以及form属性有哪些对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。
form的属性有哪些
form的属性有：
1. action
解释：action属性用于指定当表单提交时，数据发送到的URL地址。这是表单处理的核心部分，用户填写的数据会按照指定的action路径进行传输处理。
2. method
解释：method属性定义了数据提交的方式，常用的值有"GET"和"POST"。GET方式会将表单数据附加到URL后面，适用于数据量较小且不需要保密的场景；POST方式会将数据在HTTP请求体中发送，适用于传输敏感或大量数据的情况。
3. target
解释：target属性用于定义提交表单后响应的页面在哪里打开，其值可以是"_blank"（在新窗口或标签页中打开）、"_self"（在当前窗口或标签页中打开）、"_parent"（在父框架中打开）等。
其他常用属性还包括：
* accept-charset：指定表单提交的字符集编码方式。
* autocomplete：定义表单是否自动完成输入字段的值。
* novalidate：该属性控制浏览器是否验证表单。如果设置该属性，浏览器将不会验证用户输入的字段是否符合规则。这对于需要客户端与服务器端同时验证的场景很有用。
* enctype：指定在提交表单数据时所用的编码类型，常用的值有"application/x-www-form-urlencoded"（默认）和"multipart/form-data"（用于文件上传）。
HTML5有哪些新的表单属性
新增表单元素：
用于表单的密钥对生成器字段
不同类型的输出，比如脚本的输出。
新增表单属性：
autocomplete自动完成
novalidate不验证数据
formaction用于描述表单提交的URL地址，会覆盖
元素中的action属性.
formenctype表单提交到服务器的数据编码(只对form表单中 method="post"表单)
formmethod表单提交方式，会覆盖的method属性。
formnovalidate表单提交无需被验证，会覆盖元素的novalidate属性.
formtarget表单提交数据接收后，怎么的展示。
list表示input输入域的 datalist（datalist是输入域的选项列表）
min max step**用来给input类型为数字或日期的添加限定约束的
multiple多种多样表示元素中可选择多个值。
pattern正则表达式用于验证元素的值。
placeholder占位提供一种提示（hint），描述输入域所期待的值。
required被要求的，必须的，规定必须在提交之前填写输入域（不能为空）。
step步伐、一步、步长，规定输入域合法的数字间隔
HTML表单介绍
HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。
举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下：
form action="
请输入你的姓名：
input type="text" name="yourname"
input type="submit" value="提交"
/form
学习HTML表单(Form)最关键要掌握的有三个要点：
表单控件(Form Controls)
Action
Method
先说表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，input type="text"就是一个表单控件，表示一个单行输入框。
用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的
至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。
HTML表单(Form)常用控件(Controls)
HTML表单(Form)常用控件有：
表单控件(Form Contros)说明
input type="text"单行文本输入框
input type="submit"将表单(Form)里的信息提交给表单里action所指向的文件
input type="checkbox"复选框
input type="radio"单选框
select下拉框
textArea多行文本输入框
input type="password"密码输入框(输入的文字用*表示)
表单控件(Form Control)：单行文本输入框(input type="text")
单行文本输入框允许用户输入一些简短的单行信息，比如用户姓名。例句如下：
input type="text" name="yourname"
表单控件(Form Control)：复选框(input type="checkbox")
复选框允许用户在一组选项里，选择多个。示例代码：
input type="checkbox" name="fruit" value="apple"苹果br
input type="checkbox" name="fruit" value="orange"桔子br
input type="checkbox" name="fruit" value="mango"芒果br
用checked表示缺省已选的选项。
input type="checkbox" name="fruit" value="orange" checked桔子br
表单控件(Form Control)：单选框(input type="radio")
使用单选框，让用户在一组选项里只能选择一个。示例代码：
input type="radio" name="fruit" value="Apple"苹果br
input type="radio" name="fruit" value="Orange"桔子br
input type="radio" name="fruit" value="Mango"芒果br
用checked表示缺省已选的选项。
input type="radio" name="fruit" value="Orange" checked桔子br
表单控件(Form Control)：下拉框(select)
下拉框(Select)既可以用做单选，也可以用做复选。单选例句如下：
select name="fruit"
option value="apple"苹果
option value="orange"桔子
option value="mango"芒果
/select
如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。例句：
select name="fruit" multiple
用户还可以用size属性来改变下拉框(Select)的大小。
表单控件(Form Control)：多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。例句如下：
textarea name="yoursuggest" cols="50" rows="3"/textarea
其中cols表示textarea的宽度，rows表示textarea的高度。
表单控件(Form Control)：密码输入框(input type="password")
密码输入框(input type="password")主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是黑点符号。。例句如下：
input type="password" name="yourpw"
表单控件(Form Control)：提交(input type="submit")
通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。例句如下：
input type="submit" value="提交"
表单控件(Form Control)：图片提交(input type="image")
input type=image相当于 input type=submit，不同的是，input type=image以一个图片作为表单的提交按钮，其中 src属性表示图片的路径。
input type="image" src="images/icons/go.gif"
alt="提交" NAME="imgsubmit"
好了，文章到这里就结束啦，如果本次分享的form表单属性和form属性有哪些问题对您有所帮助，还望关注下本站哦！