HTML5 form新增的屬性-前端問答-PHP中文網

1.HTML 5 formaction 屬性

<h2 style="background-color:transparent;border-bottom-color:rgb(51,51,51);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(51,51,51);border-left-style:none;border-left-width:0px;border-right-color:rgb(51,51,51);border-right-style:none;border-right-width:0px;border-top-color:rgb(51,51,51);border-top-style:none;border-top-width:0px;color:rgb(51,51,51);font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:21.6px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:normal;line-height:38.88px;margin-bottom:2px;margin-left:0px;margin-right:0px;margin-top:2px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">#定義與用法 formaction 屬性規定當提交表單時，向何處發送表單資料。

注意內容： <p style="margin:0px;padding:0px;border:0px rgb(51,51,51);text-align:left;color:rgb(51,51,51);text-transform:none;line-height:26px;text-indent:0px;letter-spacing:normal;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:13px;font-variant:normal;text-decoration:none;word-spacing:0px;white-space:normal;background-color:transparent;"> 1.formaction 屬性規定當表單提交時處理輸入控制項的檔案的 URL。

<p style="margin:0px;padding:0px;border:0px rgb(51,51,51);text-align:left;color:rgb(51,51,51);text-transform:none;line-height:26px;text-indent:0px;letter-spacing:normal;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:13px;font-variant:normal;text-decoration:none;word-spacing:0px;white-space:normal;background-color:transparent;"> 2.formaction 屬性覆寫 元素的 action 屬性。

<span style="border-bottom-color:rgb(51,51,51);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(51,51,51);border-left-style:none;border-left-width:0px;border-right-color:rgb(51,51,51);border-right-style:none;border-right-width:0px;border-top-color:rgb(51,51,51);border-top-style:none;border-top-width:0px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:13px;line-height:26px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;">註解： formaction 屬性適用於 type="submit" 和 type="image"。

formaction 提交到http://localhost:8080/index01/Test01.jsp 提交到http://localhost:8080/index01/Test02.jsp 提交到http://localhost:8080/index01/Test03.jsp 登入後複製 2.HTML 5 formmethod 屬性

#<h2 style="background-color:transparent;border-bottom-color:rgb(63,63,63);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(63,63,63);border-left-style:none;border-left-width:0px;border-right-color:rgb(63,63,63);border-right-style:none;border-right-width:0px;border-top-color:rgb(63,63,63);border-top-style:none;border-top-width:0px;color:rgb(63,63,63);font-size:18px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:normal;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">定义和用法 <p style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:21.33px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:12px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">formmethod 属性覆盖 form 元素的 method 属性。

<p style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:21.33px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:12px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">可以通过以下方式发送 form-data ：

<ul style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;margin-bottom:0px;margin-left:35px;margin-right:0px;margin-top:10px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;" class=" list-paddingleft-2"> 以 URL 变量 (使用 method="get") 的形式来发送

以 HTTP post (使用 method="post") 的形式来发送

<p style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:21.33px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:12px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">该属性与 type="submit" 配合使用。

Title http://localhost:8080/index01/Test01.jsp http://localhost:8080/index01/Test02.jsp http://localhost:8080/index01/Test03.jsp 登入後複製 和

姓： 名： 提交 使用 POST 来提交 登入後複製 3HTML 5 autofocus 属性

<h2 style="background-color:transparent;border-bottom-color:rgb(63,63,63);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(63,63,63);border-left-style:none;border-left-width:0px;border-right-color:rgb(63,63,63);border-right-style:none;border-right-width:0px;border-top-color:rgb(63,63,63);border-top-style:none;border-top-width:0px;color:rgb(63,63,63);font-size:18px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:normal;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">定义和用法 <p style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:21.33px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:12px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。

<p style="background-color:transparent;border-bottom-color:rgb(0,0,0);border-bottom-style:none;border-bottom-width:0px;border-left-color:rgb(0,0,0);border-left-style:none;border-left-width:0px;border-right-color:rgb(0,0,0);border-right-style:none;border-right-width:0px;border-top-color:rgb(0,0,0);border-top-style:none;border-top-width:0px;color:rgb(0,0,0);font-family:'PingFangSC-Regular', Verdana, Arial;font-size:14px;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:21.33px;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:12px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;">如果使用该属性，则 input 元素会获得焦点。

Title 登入後複製 本文讲解了HTML5 form新增的属性 ，更多相关内勤请关注php中文网。