实例 带有两个输入字段和一个提交按钮的 HTML 表单:
<form action="demo_form.php" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="提交"> </form>
浏览器支持
Internet Explorer, Firefox, Opera, Google Chrome, Safari
所有主流浏览器都支持 <form> 标签。
<form>
标签定义及使用说明
<form> 标签用于创建供用户输入的 HTML 表单。
<form> 元素包含一个或多个如下的表单元素:
<input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label>
HTML 4.01 与 HTML5之间的差异
HTML5 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 HTML 4.01 中的某些属性。
HTML 与 XHTML 之间的差异
在 XHTML 中,name 属性已被废弃。使用全局 id 属性代替。
属性
New :HTML5 中的新属性。
属性 值 描述 accept MIME_type HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的) accept-charset character_set 规定服务器可处理的表单数据字符集。 action URL 规定当提交表单时向何处发送表单数据。 autocompleteNew on off 规定是否启用表单的自动完成功能。 enctype application/x-www-form-urlencoded multipart/form-data text/plain 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况) method get post 规定用于发送表单数据的 HTTP 方法。 name text 规定表单的名称。 novalidateNew novalidate 如果使用该属性,则提交表单时不进行验证。 target _blank _self _parent _top 规定在何处打开 action URL。
1 篇笔记
form 标签是表单标签 action 属性设置提交的服务器地址 method 属性设置提交的方式 GET(默认值)或 POST 表单提交的时候,数据没有发送给服务器的三种情况: 1、表单项没有 name 属性值 2、单选、复选(下拉列表中的 option 标签)都需要添加 value 属性,以便发送给服务器 3、表单项不在提交的 form 标签中 GET 请求的特点是: 1、浏览器地址栏中的地址是:action 属性[+?+请求参数] 请求参数的格式是:name=value&name=value 2、不安全 3、它有数据长度的限制 POST 请求的特点是: 1、浏览器地址栏中只有 action 属性值 2、相对于 GET 请求要安全 3、理论上没有数据长度的限制
原文链接:https://codingdict.com/