HTML DOM中的輸入URL minLength屬性用於設置或返回URL輸入字段的minlength屬性值。它指定URL字段中允許的最小字符數。
用法:
- 它返回Input url minLength屬性。
urlObject.minLength
- 它用於設置Input url minLength屬性。
urlObject.minLength = number
- 在單擊按鈕之前:
- 單擊按鈕後:
- 在單擊按鈕之前:
- 單擊按鈕後:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- 蘋果Safari
- Opera
屬性值:它包含一個值,用於指定URL minlength字段中允許的最小字符數。
返回值:它返回一個數字值,該值表示URL minlength字段中允許的最小字符數。
範例1:本示例說明了如何返回Input URL minLength屬性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input URL minLength Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input URL minLength Property
</h2>
<label for="uname" style="color:green">
<b>Enter URL</b>
</label>
<input type="url" id="gfg" placeholder="Enter URL"
size="20" pattern="https?://.+"
title="Include http://" minlength="20">
<br><br>
<button type="button" onclick="geeks()">
Click
</button>
<p id="GFG" style="color:green;
font-size:25px;">
</p>
<script>
function geeks() {
var link = document.getElementById(
"gfg").minLength;
document.getElementById(
"GFG").innerHTML = link;
}
</script>
</center>
</body>
</html>
輸出:
範例2:本示例說明了如何設置Input URL minLength屬性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input URL minLength Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input URL minLength Property
</h2>
<label for="uname" style="color:green">
<b>Enter URL</b>
</label>
<input type="url" id="gfg" placeholder="Enter URL"
size="20" pattern="https?://.+"
title="Include http://" minlength="20">
<br><br>
<button type="button" onclick="geeks()">
Click
</button>
<p id="GFG" style="color:green;
font-size:25px;">
</p>
<script>
function geeks() {
var link =
document.getElementById(
"gfg").minLength = "9";
document.getElementById("GFG").innerHTML
= "The value of the minlength "
+ "attribute set to " + link;
}
</script>
</center>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了DOM輸入URL minLength屬性支持的瀏覽器:
相關用法
- HTML Input Search minLength用法及代碼示例
- HTML Input Text minLength用法及代碼示例
- HTML Input Email minLength用法及代碼示例
- HTML Input Password minLength用法及代碼示例
- HTML <input> minlength屬性用法及代碼示例
- HTML textarea minlength用法及代碼示例
- HTML minlength屬性用法及代碼示例
- HTML Input URL name用法及代碼示例
- HTML Input URL value用法及代碼示例
- HTML <Textarea> minlength屬性用法及代碼示例
- HTML Input Month min用法及代碼示例
- HTML Input Number max用法及代碼示例
- HTML Input Hidden name用法及代碼示例
- HTML Input Number min用法及代碼示例
- HTML Input Button name用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input URL minLength Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。