简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

html form passes value instance to jiavascript

高洛峰
Release： 2017-03-28 11:24:10
Original
1461 people have browsed it

This article mainly introduces in detail the example of transferring value from html form to jiavascript, which has certain reference value. Interested friends can refer to

The code of the experiment is as follows: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>你好</title>
</head>
<script language="javascript">
function sub(a,b){
alert(a.value);
        alert(b.value);
}
</script>
   
<body>
<form action="sub" method="post"  name="myForm">
  <p>First name: <input type="text" id=test1 name="fname" /></p>
  <input type="button" value="Submit" onclick="sub(this,document.myForm.fname)" />
</form>
</body>
</html>
Copy after login

Summary:

onclick="sub(this,document.myForm.fname)" this is the id of the return button

The above is the detailed content of html form passes value instance to jiavascript. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
传值 form javascript
source：php.cn
Previous article：In-depth understanding of src and href in HTML Next article：Cucumber generates html report implementation steps
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to pass key as select option value in v-for when changed (VueJS) I'm using Vue3 and Bootstrap5. I have a select with multiple options. Now I am displaying ...
From 2023-11-17 08:55:24
0
1
276
Stream data from OpenAI's API using AJAX, PHP, and server-sent events How can I use Server Sent Events (SSE) to stream data from the above API to a browser clie...
From 2023-11-11 12:03:23
0
1
497
How to get the RGB value of CSS/HTML named color in JavaScript I have created a Javascript object called [name-rgb]. Your basic:namedColors={AliceBlue:[2...
From 2023-11-06 09:05:50
0
2
210
Updating existing codebase to PHP 8.1: Handling non-nullable internal function parameters with Null values I've just started upgrading my code to be compatible with php8.1. I have a lot of code sni...
From 2023-10-31 20:01:48
0
2
222
Get the calculated value of a CSS variable using a calc-like expression In JavaScript, you can get the value of a CSS variable using getPropertyValue(property). T...
From 2023-10-25 09:39:36
1
2
521
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！