Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính name của Input Text trong HTML DOM

Thuộc tính name của Input Text trong HTML DOM dùng để thiết lập hoặc trả về thuộc tính name của trường văn bản. Thuộc tính name giúp xác định dữ liệu form sau khi submit lên server.

Cú pháp

Cú pháp để thiết lập thuộc tính name:

textObject.name = name

Ví dụ

Ví dụ minh họa cho thuộc tính name:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính name của Input Text</h1> 
TÊN ĐĂNG NHẬP: <input type="text" id="USR" name="user_name"> 
<p>Thay đổi tên của trường văn bản bằng cách nhấn nút dưới đây</p> 
<button onclick="changeName()">THAY ĐỔI TÊN</button> 
<p id="Sample"></p> 
<script> 
    function changeName() { 
        document.getElementById("USR").name = "NEW_USER"; 
        document.getElementById("Sample").innerHTML = "Tên trường văn bản bây giờ là NEW_USER"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI TÊN", name chuyển từ "user_name" sang "NEW_USER".