巧用html的hidden全域性屬性傳遞表單隱藏引數
最近在自學PHP的時候涉及到一處表單傳遞引數的問題。
需要傳遞的引數為?m=&n=&t=,其中m為確定的一個int值,但是表單設計需要輸入的只有n和t,這樣點選表格的提交按鈕只有n和t的引數會被傳遞。那麼m的引數該如何傳遞呢?
在查閱了html的屬性表和查閱了相關資料之後,確認可以嘗試使用html的全域性屬性:hidden。
需要注意的是hidden這個全域性屬性是html5中新添的(W3C地址),其用法為:
<element hidden>
想要傳遞一個固定的m值只需要在表單中插入一個帶有hidden屬性和值的<iuput>文字框即可,如:
同時hidden這個屬性也可以通過JS來修改以控制相關元素的顯示/隱藏,靈活使用可以有很多用途。echo "<form action=''><input type='text' name='m' value='1' hidden>起點:<br><input type='text' name='n'><br>終點:<br><input type='text' name='t'><br><input type='submit' value='導航!'></form>";
相關推薦
巧用html的hidden全域性屬性傳遞表單隱藏引數
最近在自學PHP的時候涉及到一處表單傳遞引數的問題。 需要傳遞的引數為?m=&n=&t=,其中m為確定的一個int值,但是表單設計需要輸入的只有n和t,這樣點選表格的提交按鈕只有n和t
vue.js基礎知識篇(3):計算屬性、表單控件綁定
multi option || list text 知識 基礎 unset select標簽 第四章:計算屬性 為了避免過多的邏輯造成模板的臃腫不堪,可使用計算屬性來簡化邏輯。 1.什麽是計算屬性 <!DOCTYPE html><html lang="e
HTML5基礎知識匯總_(2)自己定義屬性及表單新特性
一行 當前 down js日期 日期 mark 定義 ++ bing 自己定義屬性data-* 說起這個屬性,事實上如今非經常見了;怎麽說呢,由於在一些框架都能看到他的身影!!! 比方Jquery mobile,裏面非常頻繁的使用了這個屬性; 這個
談談用戶體驗中的表單設計-理論篇
lin 劃分 -- 文章 adding 在一起 學習 內容 範圍 大多數情況,開發人員都比較煩UI和交互,如果公司有專門配備UI和交互工程師,那麽開發人員就可以省事很多,專註於業務代碼的實現,但據我了解很多小公司則沒這麽幸運了,所以,我認為開發人員多了解設計方面的知識對自
談談用戶體驗中的表單設計-實踐篇
實踐 .com ace .cn hub 設計 com 表單設計 用戶體驗 http://pic.cnhubei.com/space.php?uid=4614&do=album&id=1623758http://pic.cnhubei.com/space
jqueryd的post傳遞表單以及取消表單的默認傳遞
div pan art else submit fun col code layui //取消表單的默認傳遞: <form method="post" onsubmit="return false;"> 在FORM屬性裏添加 onsubmit="retu
HTML5(二)——特殊符號、新增屬性、表單重寫屬性、
枚舉值 mac a-z nova ride prevent edit wid inf 一、HTML5 特殊符號   :空格 >:大於號 > &It :小於號 < " :引號”
通過form的action屬性提交表單並接收處理返回值的方法(頁面不跳轉)
通過form的action屬性提交表單,這個很容易。但是,由於這種方式是同步提交,所以會導致頁面跳轉,且不好拿到返回值。一般都用ajax代替。 有些情況ajax是不能使用的,嚴格的說是不好使用的。例如檔案上傳功能。 <input type = "file"> 通過fo
用slot和component實現表單共用
業務需求 在oa開發中,有許多流程,每個流程裡都會有很多欄位,比如流程標題、拉下選擇,附件等等,有些是每個流程都會有的,有些是特有的,按常規的方法開發,就為為一個流程寫一個表單,校驗,提交。如果新來流程,就複製一個表達,修改需要變更的地方。這樣開發會導致很多重複的程式碼,而且比較凌亂 簡化實現 將每
用multipart/form-data提交表單檔案資料獲取不瞭解決辦法
在學習Servlet檔案上傳方面遇到了一個問題,就是通過multipart/form-data這個表單型別提交要上傳的檔案的時候,Servlet用request.getParameter()方法獲取非檔案的資料時發現為空。 具體如下 jsp頁面 <body>
html用a標籤怎麼提交表單?
觸發onclick事件時把id值傳過去。 <script> function judgeDelete(id) { if(confirm("確定要刪除嗎?")) { window.location.href="doDelete.jsp?id="+id;
3分鐘學會用超級表格釋出線上表單收集資料
釋出表單超級表格微視訊關鍵詞: 釋出表單 收集資料 無需二次彙總「超級表格微視訊」第三期提升效率、 增強免疫力,盡在超級表格微視訊!請關注每週的公眾號更新,3分鐘讓您玩轉超級表格!如何釋出表單搜尋方法一◆ ◆ ◆1、首先新建一張空表格點選首頁的「新建」按鈕→空表格。2、
使用表單onsubmit屬性進行表單提交前js判定
專案是一個BBS論壇專案,需要在表單進行提交前判定標題是否為空,若為空的話則不允許進行提交。 一般的處理方式為:<button class="addBtn" onclick="submitForm()">釋出主題</button>然後在submitF
用JQuery+CSS實現form表單的顯示和隱藏
<form id="f" method="post">登陸<span id="x">X</span><br>username:<input type="text" name="username"><br>password:<inpu
HTML5新增屬性和表單元素
HTML5新增屬性與表單元素一、HTML5新增屬性1.1、contextmenucontextmenu的作用是指定右鍵選單。<!DOCTYPE html> <html> <head> <meta charset
CSS之巧用z-index屬性
大家平時可能是在涉及到absulute佈局元素之間的疊加時才會想起z-index屬性,但是z-index屬性不僅僅對absolute佈局的元素生效 給大家看一下用html中的input和label來實現Native Android中的Material效果 即聚焦在in
ASP.NET MVC案例教程(基於ASP.NET MVC beta)——第四篇:傳遞表單資料
1<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Release.aspx.cs" Inherits="MVCDemo.Views.Announce.Release"%> 2<%@ Import Namespace="
正則表達過濾表單隱藏元素,組裝post數據
eth 正則表達 bin cnblogs value all match curl mat <form name="form1" action="‘.$serverUrl.‘" method="post" > <input type="hidden" n
表單隱藏域
屬性 cti 看不見 val 收集 ... form 隱藏域 bsp 隱藏域是用來收集或發送信息的不可見元素,對於網頁的訪問者來說,隱藏域是看不見的。當表單被提交時,隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上。代碼格式:<input type="hidden"
表單隱藏域與display:none
隱藏域 display code idt 兩種 log 提交 點擊事件 rip 有時候前端進行表單填寫是分步驟的,每一步的時候其他步驟相關的表單視圖不可見; 針對"不可見",以下有兩種處理方式: ①display:none 這種方式呢,比較簡單,就是將三個步驟分3個d