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

HTML Nhập DOM Kiểu văn bản Thuộc tính

Thuộc tính Kiểu văn bản đầu vào HTML DOM trả về / đặt loại Văn bản nhập.

Cú pháp

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

  • Giá trị chuỗi trả về
inputTextObject.type
  • Đặt loại thành giá trị chuỗi
inputTextObject.type = stringValue

Giá trị chuỗi

Đây, “stringValue” có thể như sau -

stringValue Chi tiết
email Nó xác định loại đầu vào là email
văn bản Nó xác định kiểu đầu vào là văn bản
đài Nó xác định loại đầu vào đó là radio
điện thoại Nó xác định loại đầu vào là tel và một bàn phím số được hiển thị cho đầu vào

Ví dụ

Hãy để chúng tôi xem ví dụ về Kiểu văn bản nhập tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Text type</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Text-type</legend>
<label for="TextSelect"></label>
<input type="text" id="TextSelect" >
<input type="button" onclick="getTypeOfInput()" value="What to enter?">
</fieldset>
</form>
<script>
   var labelSelect = document.querySelector("label");
   var inputText = document.getElementById("TextSelect");
   function getTypeOfInput() {
      labelSelect.innerHTML = ' Plain '+inputText.type+': ';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Nhập gì?’ nút -

HTML Nhập DOM Kiểu văn bản Thuộc tính

Sau khi nhấp vào ‘Nhập gì?’ nút -

HTML Nhập DOM Kiểu văn bản Thuộc tính