首頁 web前端 html教學 禁止input文字方塊輸入實作屬性_HTML/Xhtml_網頁製作

禁止input文字方塊輸入實作屬性_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:40 PM
input 文字方塊 輸入

今天想總結幾個很有用的html標籤,開發中常用到,不熟悉的人可能還真不太清楚,分別是:

複製代碼
代碼如下:

readonly、disabled、autocomplete

readonly表示此域的值不可修改,僅可與type "text" 搭配使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.

複製程式碼
代碼如下:



disabled表示禁用input元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值

複製程式碼
程式碼如下:



另外可以透過css屏蔽輸入法:
最後介紹一個常用的標籤,瀏覽器通常會記錄input輸入框的記錄,所以你在輸入的時候,經常會下拉很多內容,如下圖:
如果你想去掉的話,最好加上autocomplete="off",使用方法如下:autocomplete="off"

複製程式碼
複製程式碼


代碼如下:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1268
29
C# 教程
1248
24
停用Win11輸入體驗指南 停用Win11輸入體驗指南 Dec 27, 2023 am 11:07 AM

最近有很多win11遇到了輸入體驗對話框總是閃爍,關也關不掉的問題,這其實是由於win11的默認系統服務和組件導致的,我們需要先禁用相關服務,再禁用輸入體驗服務就可以解決了,下面一起來試試看。 win11輸入體驗怎麼關閉:第一步,右鍵開始選單,開啟「任務管理器」第二步,依序找到「CTF載入程式」、「MicrosoftIME」和「服務主機:Textinputmanagementservice」三個進程,右鍵「結束任務」第三步,打開開始選單,在上方搜尋並打開「服務」第四步,在其中找到「Textinp

Windows輸入遇到掛起或記憶體使用率高的問題[修復] Windows輸入遇到掛起或記憶體使用率高的問題[修復] Feb 19, 2024 pm 10:48 PM

Windows的輸入體驗是關鍵的系統服務,負責處理來自各種人機介面設備的使用者輸入。它在系統啟動時自動啟動,在背景運行。然而,有時候這個服務可能會出現自動掛起或佔用過多記憶體的情況,導致系統效能下降。因此,及時監控和管理這個進程是至關重要的,以確保系統的效率和穩定性。在這篇文章中,我們將分享如何解決Windows輸入體驗被掛起或導致記憶體使用率高的問題。 Windows輸入體驗服務沒有使用者介面,但它與處理與輸入裝置相關的基本系統任務和功能有密切關聯。它的作用是幫助Windows系統理解使用者輸入的每一

OneNote如何設定圖片為背景 OneNote如何設定圖片為背景 May 14, 2023 am 11:16 AM

Onenote是Microsoft提供的最好的筆記工具之一。結合Outlook和MSTeams,Onenote可以成為提高工作和個人創意工作效率的強大組合。我們必須以不同的格式做筆記,這可能不僅僅是把事情寫下來。有時我們需要從不同來源複製圖像並在日常工作中進行一些編輯。如果知道如何應用更改,則貼上在Onenote上的圖像可以發揮很大作用。您在使用Onenote時是否遇到過貼在Onenote上的圖像無法讓您輕鬆工作的問題?本文將著重於在Onenote上有效地使用圖像。我們可

如何隱藏文字直到在 Powerpoint 中單擊 如何隱藏文字直到在 Powerpoint 中單擊 Apr 14, 2023 pm 04:40 PM

如何在 PowerPoint 中的任何點擊之前隱藏文本如果您希望在單擊 PowerPoint 幻燈片上的任意位置時顯示文本,那麼設置起來既快速又容易。若要在 PowerPoint 中按一下任何按鈕之前隱藏文字:開啟您的 PowerPoint 文檔,然後按一下「插入 」功能表。點選新幻燈片。選擇空白或其他預設之一。仍然在插入選單中,按一下文字方塊。在投影片上拖出一個文字方塊。點擊文字方塊並輸入您

如何在 Word 中製作行事曆 如何在 Word 中製作行事曆 Apr 25, 2023 pm 02:34 PM

如何使用表格在Word中製作日曆如果您想建立一個完全符合您的規範的日曆,您可以使用Word中的表格從頭開始做所有事情。這使您可以為日曆設計所需的確切佈局。在Word中使用表格建立行事曆:開啟一個新的Word文件。按Enter幾次,將遊標向下移動到頁面。點選插入 選單。在功能區中,按一下表格圖示。點擊並按住左上角的方塊並拖曳出一個7×6的表格。在第一行填寫星期幾。使用另一個日曆作為參考填寫月份中的日期。反白顯示當前月份以外的任何日期。在主選單中,點擊文字顏色圖示並選擇灰色。對當前月份以

laravel input隱藏域怎麼實現 laravel input隱藏域怎麼實現 Dec 12, 2022 am 10:07 AM

laravel input隱藏域的實作方法:1、找到並開啟Blade模板檔案;2、在Blade模板中使用method_field方法來建立隱藏域,其建立語法為「{{ method_field('DELETE') }}」。

vue3怎麼封裝input元件和統一表單數據 vue3怎麼封裝input元件和統一表單數據 May 12, 2023 pm 03:58 PM

準備工作用vuecreateexample建立項目,參數大概如下:用原生input原生的input,主要是value和change,資料在change的時候需要同步。 App.tsx如下:import{ref}from'vue';exportdefault{setup(){//username就是資料constusername=ref('張三');//輸入框變化的時候,同步資料constonInput=;return( )=>({

html文字方塊類型有哪些 html文字方塊類型有哪些 Oct 12, 2023 pm 05:38 PM

html文字方塊類型有單行文字方塊、密碼文字方塊、數字文字方塊、日期文字方塊、時間文字方塊、檔案上傳文字方塊、多行文字方塊等等。詳細介紹:1、單行文本框是最常見的文本框類型,用於接受單行文本輸入,用戶可以在文本框中輸入任意文本,例如用戶名、密碼、電子郵件地址等;2、密碼文本框用於接受密碼輸入,使用者在輸入密碼時,文字方塊中的內容會被隱藏,以保護使用者的隱私;3、數位文字方塊等等。

See all articles