js如何獲取input輸入框中輸入的值？您可以使用value屬性來(lái)獲取輸入框中的值。1. 創(chuàng)建一個(gè)新的HTML文檔，在body標(biāo)記中添加input標(biāo)記、button標(biāo)記和span標(biāo)記，然后單擊按鈕。輸

js如何獲取input輸入框中輸入的值？

您可以使用value屬性來(lái)獲取輸入框中的值。

1. 創(chuàng)建一個(gè)新的HTML文檔，在body標(biāo)記中添加input標(biāo)記、button標(biāo)記和span標(biāo)記，然后單擊按鈕。輸入框中的值將顯示在范圍標(biāo)記中：

2。添加JS代碼。IPT、BTN、val分別表示當(dāng)前標(biāo)簽的選擇，onclick表示按鈕點(diǎn)擊事件，ipt.val公司這意味著在輸入框中獲取值，然后將該值賦給span標(biāo)記中的內(nèi)容

3。在輸入框中輸入內(nèi)容并單擊按鈕。此時(shí)，輸入框中的值將顯示在“范圍”選項(xiàng)卡中：]~]。1如圖所示，[右擊項(xiàng)目]并選擇[添加新項(xiàng)目]首先添加頁(yè)面。

2. 然后在彈出窗口中，選擇web窗體并單擊“添加”轉(zhuǎn)到下一步。

3. 然后將圖中的代碼輸入頭部和身體。下面的代碼可以直接復(fù)制

JS代碼在頭：

控制代碼在體：

4。編寫(xiě)完代碼后，點(diǎn)擊圖中類似play鍵的按鈕進(jìn)行調(diào)試。測(cè)試代碼是否可行。

5. 如圖所示，運(yùn)行頁(yè)面只有一個(gè)輸入框和一個(gè)get按鈕。因?yàn)橹痪帉?xiě)了這兩個(gè)控件，所以接口非常簡(jiǎn)單。

6. 接下來(lái)，在輸入框中輸入消息。例如，鍵入“我想點(diǎn)雞腿”。輸入后，單擊“獲取”以查看效果。

7. 如圖所示，彈出消息為“what you input is:I want to order chicken leg”。獲取剛才輸入的值，證明此代碼獲取輸入信息是可行的。