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

Thuộc tính name của đối tượng Input Week trong HTML DOM trả về hoặc thiết lập giá trị thuộc tính name của ô chọn tuần/năm. Dùng để server nhận diện dữ liệu khi submit form (cặp name=value).

Cú pháp

Lấy giá trị chuỗi

inputWeekObject.name

Thiết lập name

inputWeekObject.name = 'Chuỗi_mới'

Ví dụ minh họa

Ô week value=2019-W52, name="Sunburn Goa" (tên sự kiện âm nhạc). Nhấn nút kiểm tra sự kiện rơi vào tuần đó:

<!DOCTYPE html>
<html>
<head>
<title>Input Week name</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>Week-name</legend>
    <label for="WeekSelect">Hôm nay: <input type="week" id="WeekSelect" value="2019-W52" name="Sunburn Goa"> </label> 
    <input type="button" onclick="kiemTraSuKien()" value="Sự kiện âm nhạc tuần này?"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  function kiemTraSuKien() { 
    if(inputWeek.value === '2019-W52') 
      divDisplay.textContent = 'Sự kiện âm nhạc: ' + inputWeek.name; 
    else 
      divDisplay.textContent = 'Không có sự kiện âm nhạc'; 
  } 
</script> 
</body> 
</html>

Kết quả

• Ban đầu: ô week 2019-W52, name="Sunburn Goa".
• Nhấn Sự kiện âm nhạc tuần này?: "Sự kiện âm nhạc: Sunburn Goa".
• Nếu đổi tuần khác: "Không có sự kiện âm nhạc".

Ý nghĩa: name quan trọng cho form submit truyền thống. Với AJAX/Fetch, thường dùng FormData hoặc object literal nên name ít quan trọng hơn.