Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Textarea name Thuộc tính

Thuộc tính HTML DOM Textarea defaultValue trả về và sửa đổi giá trị của thuộc tính name của phần tử vùng văn bản trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

1. Trả lại tên

object.name

2. Thêm tên

object.name = “text”

Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea name:

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      background: lightseagreen;
      height: 100vh;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
   }
   .show {
      font-size: 1.5rem;
      margin: 1rem 0;
   }
</style>
<body>
<h1>DOM Textarea name Property Demo</h1>
<textarea rows="5" cols='20' name="I'm name attribute of textarea element">
Hi! I'm a textarea element with some dummy text.
</textarea>
<button onclick="set()" class="btn">Show Name Attribute Value</button>
<div class='show'></div>
<script>
   function set() {
      document.querySelector('.show').innerHTML = document.querySelector("textarea").name;
   }
</script>
</body>
</html>

Đầu ra

HTML DOM Textarea name Thuộc tính

Nhấp vào “ Hiển thị giá trị thuộc tính tên ”Để hiển thị giá trị thuộc tính name của phần tử textarea.

HTML DOM Textarea name Thuộc tính