1. 程式人生 > >巧用html的hidden全域性屬性傳遞表單隱藏引數

巧用html的hidden全域性屬性傳遞表單隱藏引數

最近在自學PHP的時候涉及到一處表單傳遞引數的問題。

需要傳遞的引數為?m=&n=&t=,其中m為確定的一個int值,但是表單設計需要輸入的只有n和t,這樣點選表格的提交按鈕只有n和t的引數會被傳遞。那麼m的引數該如何傳遞呢?

在查閱了html的屬性表和查閱了相關資料之後,確認可以嘗試使用html的全域性屬性:hidden。

需要注意的是hidden這個全域性屬性是html5中新添的(W3C地址),其用法為:

<element hidden>
想要傳遞一個固定的m值只需要在表單中插入一個帶有hidden屬性和值的<iuput>文字框即可,如:
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>";
同時hidden這個屬性也可以通過JS來修改以控制相關元素的顯示/隱藏,靈活使用可以有很多用途。

相關推薦

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 特殊符號 &nbsp :空格 &gt:大於號 > &It :小於號 < &quot :引號”

通過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>

htmla標籤怎麼提交

觸發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