Thuộc tính HTML DOM Form length được sử dụng để trả về số lượng phần tử có bên trong biểu mẫu. Đây là thuộc tính chỉ đọc.
Cú pháp
Sau đây là cú pháp của thuộc tính Độ dài biểu mẫu -
ormObject.length
Ví dụ
Hãy để chúng tôi xem xét một ví dụ về thuộc tính Độ dài biểu mẫu -
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function getLength() {
var len=document.getElementById("FORM1").length ;
document.getElementById("Sample").innerHTML = "Number of elements present inside the form are :"+len;
}
</script>
</head>
<body>
<h1>Form length property example</h1>
<form id="FORM1">
<label>User Name <input type="text" name="usrN"></label> <br>lt;br>
<label>Password <input type="password" name="pass"></label> <br><br>
<select name="Fruit">
<option value="Mango">Mango<option>
<option value="Litchi">Litchi</option>
<option value="Guava">Guava</option>
</select>
</form>
<br>
<p>Get the number of elements present in the above form by clicking the below button</p>
<button onclick="getLength()">get Length</button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút “lấy Độ dài” -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một biểu mẫu với id =“FORM1” và nó chứa một trường đầu vào với kiểu văn bản, một trường khác có kiểu “mật khẩu”. Nó cũng chứa một phần tử
<form id="FORM1"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> <br><br> <select name="Fruit"> <option value="Mango">Mango<option> <option value="Litchi">Litchi</option> <option value="Guava">Guava</option> </select> </form>
Sau đó, chúng tôi tạo một nút “get Length” sẽ thực thi phương thức getLength () khi người dùng nhấp vào -
function getLength() {
var len=document.getElementById("FORM1").length ;
document.getElementById("Sample").innerHTML = "Number of elements present inside the form are :"+len;
} Hàm getLength () nhận phần tử