HTML5里的input標簽的required屬性提示文字修改

来源:https://www.cnblogs.com/abc-x/archive/2020/07/29/13399601.html

-Advertisement-

在做表單提交時我們有時會遇到這樣的需求，在用戶沒有輸入必填信息點提交時提示文字需要改為我們想要的提示信息，那麼可以在input裡面增加這樣的語句： <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( ...

在做表單提交時我們有時會遇到這樣的需求，在用戶沒有輸入必填信息點提交時提示文字需要改為我們想要的提示信息，那麼可以在input裡面增加這樣的語句：

<input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity('請輸入您的姓名');" oninput="setCustomValidity('');" />

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

移動端佈局單位介紹之rem

本文主要寫給剛接觸移動端開發的同鞋們。首先先將幾個主要概念講一下；什麼是移動端？移動端故名思義是為移動終端，大名叫移動通信終端，是指可以在移動中使用的電腦設備。其實就是我們常說的手機。什麼是佈局？前端開發中佈局是將主要的html結構佈置好。 rem是什麼？ rem是一種長度單位，是而且僅 ...
《JavaScript語言入門教程》記錄整理：入門和數據類型

本系列基於阮一峰老師的《JavaScrip語言入門教程》或《JavaScript教程》記錄整理，教程採用知識共用署名-相同方式共用 3.0協議。這幾乎是學習js最好的教程之一(去掉之一都不過分) 最好的教程而阮一峰老師又採用開源方式共用出來，之所以重新記錄一遍，一是強迫自己重新認真讀一遍學一遍；二 ...
HTML中div嵌套div的margin不起作用

下麵介紹一下div嵌套div時margin不起作用的解決方案。順便科普下margin的定義和用法。 div嵌套的HTML代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
CSS幾種簡單方法實現文字豎向排版

下麵介紹幾種使用Css實現文字豎向排版的方法： 1.一個句子的豎向排列如圖： <!DOCTYPE html> <html> <head> <title>test</title> <meta charset="UTF-8"> </head> <style> .one { width: 20px; m ...
CSS中使用text-align:justify讓內容兩端對齊並相容IE及主流瀏覽器的方法

我們做登錄頁面時有時需要用戶名和密碼倆端對齊，這樣顯得美觀一點，下麵介紹一下幾種實現方法：一、使用 text-align屬性（只相容谷歌、火狐瀏覽器）： html <ul> <li>密碼</li> <li>用戶名</li> <li>身份證號</li> </ul> css ul li{ width: ...
html中如何讓圖片按比例響應式縮放、並自動裁剪的css技巧

響應式網站、移動端頁面在DIV CSS佈局中對於圖片列表或圖片排版時，如果想要圖片按比例縮放，最簡單的就是把img寬度設為100%，不設置高度，高度就會自動跟著高度縮放。但是如果要達到的效果是，要讓圖片的寬高要按一定的比例顯示，如1：1 、4：3 等，然而圖片尺寸不是這個比例，又不想讓圖片拉伸變形 ...
html中把多餘文字轉化為省略號

在html中如果要把多餘的文字顯示為省略號，那麼有以下幾種方法：單行文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt ...
html中input提示文字樣式修改

在很多網站上我們都看到input輸入框顯示提示文字，讓我們一起來看看如果在input輸入框中顯示提示文字。我們只需要在<input>標簽里添加：placeholder="提示文字即可"，那麼如果要修改提示文字的樣式呢？可以這樣設置css樣式： <!DOCTYPE html> <html> <head ...

一周排行

-Advertisement-

Dapr Outbox 執行流程

Dapr Outbox 是1.12中的功能。本文只介紹Dapr Outbox 執行流程，Dapr Outbox基本用法請閱讀官方文檔。本文中appID=order-processor，topic=orders 本文前提知識：熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
Advanced .Net Debugging 7：托管堆與垃圾收集

引言在前幾章我們深度講解了單元測試和集成測試的基礎知識，這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示，用於衡量代碼被測試覆蓋的程度，幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率（Line Coverage）、分支覆蓋率（Bra ...
C#S7.NET實現西門子PLCDB塊數據採集的完整步驟

前言本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫，記錄了使用電腦模擬，模擬PLC，自至完成測試的詳細流程，並重點介紹了在這個過程中的易錯點，供參考。用到的軟體： 1.Windows環境下鏈路層網路訪問的行業標準工具（WinPcap_4_1_3.exe）下載鏈接：http ...
WPF控制項：密碼框綁定MVVM

從依賴倒置原則（Dependency Inversion Principle, DIP）到控制反轉（Inversion of Control, IoC）再到依賴註入（Dependency Injection, DI）的演進過程，我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
Python中的私有屬性與私有方法

關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制，這與其他面相對對象語言有區別。關於私有屬性和私有方法，有如下要點： 1、通常我們約定，兩個下劃線開頭的屬性是私有的（private）。其他為公共的（public）； 2、類內部可以訪問私有屬性（方法）； 3、類外 ...
C++ 訪問說明符詳解：封裝數據，控制訪問，提升安全性

C++ 訪問說明符訪問說明符是 C++ 中控制類成員（屬性和方法）可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。三種訪問說明符： public：允許從類外部的任何地方訪問成員。 private：僅允許在類內部訪問成員。 protected：允許在類內部及其派生類中訪問成員。示 ...
static_cast與dynamic_cast到底是什麼？

寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先，【static_cast，dynamic_cast】【父類指針，子類指針】，兩兩一組，共有4種組合：用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
C語言數據結構：雙向鏈表的增刪操作

/******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
@ComponentScan註解的實現，Spring掃描包的過程

相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage，將包下的類按照一定規則註冊成Be ...
opensips開啟python支持

操作系統：CentOS 7.6_x64 opensips版本： 2.4.9 python版本：2.7.5 python作為腳本語言，使用起來很方便，查了下opensips的文檔，支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...

所有分類