首頁 > web前端 > html教學 > 如何在HTML中使用月份輸入類型?

如何在HTML中使用月份輸入類型?

PHPz
發布: 2023-08-20 20:21:16
轉載
948 人瀏覽過

In HTML, a form comprises of various elements which helps in making a user interface in a web page. Using which we can collect different nature of nature.

如何在HTML中使用月份輸入類型?

#One of the commonly used control is

Month

control i.e.

這個控制項基本上為使用者提供了一個類似日曆的下拉式選單,使用者可以從中選擇或選擇月份和年份。

月份

控制項可讓您以 YYYY-MM 的格式選擇日期,其中 YYYY 表示年份,MM 表示月份。

讓我們來看一個簡單的範例,使用

Month

控制項。 範例

<html>
<body>
   <form name="form1">
      <label for="adm">Date of Admission:</label>
      <input type="month" name="doa">
   </form>
</body>
</html>
登入後複製

Executing the code given above, a month control will be displayed on the page.

When you click on the calendar icon on the right side of the control, it will open the complete month calendar like this −

如何在HTML中使用月份輸入類型?

########## ###一旦下拉式選單打開,您可以從日曆中選擇月份和年份,或者您可以在控制項中輸入月份和年份。 ### ###Once the month and year is selected, it will get stored in String type of value.### ###Let us create a program to display the selected month and year from the control using JavaScript.######Example###
<html>
<head>
   <title>Admission Form</title>
   <script>
      function display(){
         d=form1.doa.value;
         document.write("<center><b>Date of Admission is "+d 
         +"</b></center>");
      }
   </script>
   <form name="form1">
 	   <label for="adm">Date of Admission:</label>
	   <input type="month" name="doa" onchange="display()">
   </form>
<html>
登入後複製
###In this program, we have used
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板