HTML表單屬性1

value 屬性

value 設置輸入字段的初始值(默認值),提交表單時,如果用戶未做修改,將發送value中的默認值

<form action="#">First name: <br><input type="text" name="firstname" value="John"><br>Last name: <br><input type="text" name="lastname">
</form>

readonly 屬性

readonly禁止用戶修改輸入值,但允許選中、復制和提交數據。

<form action="#">First name: <br><input type="text" name="firstname" value="John" readonly><br>Last name: <br><input type="text" name="lastname">
</form>

disabled 屬性

disabled禁用輸入字段,禁止用戶交互且數據不會提交。

<form action="#">First name: <br><input type="text" name="firstname" value="John" disabled><br>Last name: <br><input type="text" name="lastname">
</form>

size 屬性

size定義輸入框的可見寬度(字符數),僅影響視覺顯示,不限制輸入長度。

<form action="#">First name: <br><input type="text" name="firstname" value="John" size="40"><br>Last name: <br><input type="text" name="lastname">
</form>

maxlength 屬性

maxlength限制用戶可輸入的最大字符數。

<form action="#">First name: <br><input type="text" name="firstname" maxlength="10"><br>Last name: <br><input type="text" name="lastname">
</form>

HTML5針對添加的兩個屬性

autocomplete 屬性

autocomplete控制瀏覽器是否自動填充輸入字段(如保存的賬號、地址等)
on:允許自動填充(默認)

off:禁用自動填充

<form action="action_page.php" autocomplete="on">名字: <input type="text" name="fnam"><br>姓氏:<input type="text" name="lname"><br>E-mail: <input type="email" name="user_email" autocomplete="off"><br><input type="submit">
</form>

novalidate 屬性

novalidate 禁用表單的 HTML5 驗證

<form action="action_page.php" novalidate>E-mail: <input type="email" name="user_email"><input type="submit">
</form>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/74564.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/74564.shtml
英文地址,請注明出處:http://en.pswp.cn/web/74564.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

JavaScrip圖標工具Chart.js之 氣泡圖

氣泡圖用于展示三個變量之間的關系。 氣泡的位置由前兩個變量決定&#xff0c;對應的是 X 軸和 Y 軸&#xff0c;第三個參數為氣泡的大小。 {// X 軸對應值x: number,// Y 軸對應值y: number,// 氣泡半徑&#xff0c;單位為像素r: number } 泡圖的 type 屬性為 bubble &#xf…

Git 教程:從 0 到 1 全面指南 教程【全文三萬字保姆級詳細講解】

目錄 什么是 Git &#xff1f; Git 與 SVN 區別 Git 安裝配置 Linux 平臺上安裝 Centos/RedHat 源碼安裝 Windows 平臺上安裝 使用 winget 工具 Mac 平臺上安裝 Git 配置 用戶信息 文本編輯器 差異分析工具 查看配置信息 生成 SSH 密鑰&#xff08;可選&#xf…

Java導出excel,表格插入pdf附件,以及實現過程中遇見的坑

1.不能使用XSSFWorkbook,必須使用HSSFWorkbook,否則導出excel后&#xff0c;不顯示插入的圖標和內容&#xff0c;如果是讀取的已有的excel模板&#xff0c;必須保證excel的格式是xls&#xff0c;如果把xlsx通過重命名的方式改為xls&#xff0c;是不生效的&#xff0c;后面執行下…

國內外網絡安全政策動態(2025年3月)

?? 1.《關于進一步加強智能網聯汽車產品準入、召回及軟件在線升級管理的通知》發布 3月1日&#xff0c;工業和信息化部、市場監管總局聯合發布《關于進一步加強智能網聯汽車產品準入、召回及軟件在線升級管理的通知》&#xff08;以下簡稱《通知》&#xff09;。 該通知旨在…

什么是緩存穿透、緩存雪崩、緩存擊穿?

什么是緩存&#xff1f; 緩存就是數據交換的緩沖區&#xff0c;是存貯數據的臨時地方&#xff0c;一般讀寫性能較高。 怎么防止緩存穿透&#xff1f; 緩存穿透是指客戶端請求的數據在緩存中和數據庫中都不存在&#xff0c;這樣緩存永遠不會生效&#xff0c;這些請求都會打到…

深度學習在自動駕駛車輛車道檢測中的應用

引言 自動駕駛技術是人工智能領域的一個前沿方向&#xff0c;而車道檢測是實現自動駕駛的關鍵技術之一。通過識別和跟蹤車道線&#xff0c;自動駕駛車輛能夠保持在車道內行駛&#xff0c;提高行車安全。本文將詳細介紹如何使用深度學習技術進行車道檢測&#xff0c;并提供一個…

大模型如何引爆餐飲與電商行業變革

大模型如何引爆餐飲與電商行業變革&#xff1f; 一、時代背景&#xff1a;大模型重構產業邏輯的底層動力 1. 技術躍遷催生效率革命 2025年&#xff0c;大模型技術迎來"普惠臨界點"。李開復在中關村論壇指出&#xff0c;大模型推理成本每年降低10倍&#xff0c;使得…

chromium魔改——繞過無限debugger反調試

在進行以下操作之前&#xff0c;請確保已完成之前文章中提到的 源碼拉取及編譯 部分。 如果已順利完成相關配置&#xff0c;即可繼續執行后續操作。 在瀏覽器中實現“無限 debugger”的反調試技術是一種常見的手段&#xff0c;用于防止他人通過開發者工具對網頁進行調試或逆向…

在win11 環境下 新安裝 WSL ubuntu + 換國內鏡像源 + ssh + 桌面環境 + Pyhton 環境 + vim 設置插件安裝

在win11 環境下 新安裝 WSL ubuntu ssh gnome 桌面環境 Pyhton 環境 vim 設置插件安裝 簡單介紹詳細流程換國內鏡像源安裝 ssh 桌面環境python 環境vim 設置插件安裝 簡單介紹 內容有點長&#xff0c;這里就先簡單描述內容了。主要是快速在 Win11 搭建一個 wsl 的 linux 環…

python 命名空間與作用域 可變與不可變對象 閉包

python 命名空間與作用域 可變與不可變對象 閉包 作用域規則順序為&#xff1a; L->E->G->B 如果變量在局部內找不到&#xff0c;便會去局部外的局部找&#xff08;例如閉包&#xff09;&#xff0c;再找不到就會去全局找&#xff0c;再找不到就去內置中找。 若要在函…

安裝 TabbyAPI+Exllamav2 和 vLLM 的詳細步驟

在 5090 顯卡上成功安裝 TabbyAPIExllamav2 和 vLLM 并非易事&#xff0c;經過一番摸索&#xff0c;我總結了以下詳細步驟&#xff0c;希望能幫助大家少走彎路。 重要提示&#xff1a; 用戶提供的 PyTorch 安裝使用了 cu128&#xff0c;這并非標準 CUDA 版本。請根據你的系統實…

使用url-loader處理圖片等資源文件

&#x1f90d; 前端開發工程師、技術日更博主、已過CET6 &#x1f368; 阿珊和她的貓_CSDN博客專家、23年度博客之星前端領域TOP1 &#x1f560; 牛客高級專題作者、打造專欄《前端面試必備》 、《2024面試高頻手撕題》、《前端求職突破計劃》 &#x1f35a; 藍橋云課簽約作者、…

EIP-712:類型化結構化數據的哈希與簽名

1. 引言 以太坊 EIP-712: 類型化結構化數據的哈希與簽名&#xff0c;是一種用于對類型化結構化數據&#xff08;而不僅僅是字節串&#xff09;進行哈希和簽名 的標準。 其包括&#xff1a; 編碼函數正確性的理論框架&#xff0c;類似于 Solidity 結構體并兼容的結構化數據規…

contourformer:實時的輪廓分割transformer

論文地址:https://arxiv.org/abs/2501.17688 github:https://github.com/talebolano/Contourformer 模型結構 框架建立在 D-FINE 對象檢測模型之上,并將邊界框的回歸擴展到輪廓的回歸。為了實現高效的訓練,Contourformer 采用迭代方法進行輪廓變形,并引入降噪機制來加速…

【JavaScript】原型鏈 prototype 和 this 關鍵字的練習(老虎機)

這個老虎機練習主要考察JavaScript中的原型鏈&#xff08;prototype&#xff09;和this關鍵字的使用。 主要思路 創建三個輪盤&#xff08;reels&#xff09;實例&#xff1a;我們需要創建3個獨立的輪盤對象&#xff0c;它們都委托&#xff08;delegate&#xff09;到基礎的ree…

vue項目data functions should return an object

在vue項目中提示錯誤&#xff0c;data functions should return an object Message.error(err)錯了&#xff0c;Message.error()是element-ui的組件&#xff0c;只能接受字符串&#xff0c;不能接受對象。 改為Message.error(err.message)就好了 我的錯誤是 Message.error(er…

leetcode刷題 - 數組理論基礎

數組是內存空間連續存儲、相同類型數據的集合。遍歷方式&#xff1a;下標索引 下標&#xff1a;從 0 開始 數組的元素不能刪除&#xff0c;只能覆蓋 定義一維數組&#xff1a; int arr0[10]; int arr1[10] { 100, 90,80,70,60,50,40,30,20,10 }; int arr2[ ] { 100,90,80,7…

狀態機思想編程練習

狀態機實現LED流水燈 本次實驗&#xff0c;我們將利用狀態機的思想來進行Verilog編程實現一個LED流水燈&#xff0c;并通過Modelsim來進行模擬仿真&#xff0c;再到DE2-115開發板上進行驗證。 ? 首先進行主要代碼的編寫。 module led (input sys_clk,input sys_…

數據結構|排序算法(一)快速排序

一、排序概念 排序是數據結構中的一個重要概念&#xff0c;它是指將一組數據元素按照特定的順序進行排列的過程&#xff0c;默認是從小到大排序。 常見的八大排序算法&#xff1a; 插入排序、希爾排序、冒泡排序、快速排序、選擇排序、堆排序、歸并排序、基數排序 二、快速…

如何確保MQ消息隊列不丟失:Java實現與流程分析

前言 在分布式系統中&#xff0c;消息隊列&#xff08;Message Queue, MQ&#xff09;是核心組件之一&#xff0c;用于解耦系統、異步處理和削峰填谷。然而&#xff0c;消息的可靠性傳遞是使用MQ時需要重點考慮的問題。如果消息在傳輸過程中丟失&#xff0c;可能會導致數據不一…