Home Web Front-end HTML Tutorial The difference between name and value in input tag_HTML/Xhtml_Web page production

The difference between name and value in input tag_HTML/Xhtml_Web page production

May 16, 2016 pm 04:42 PM
input name

type control used for entry and exit in the browser (for example, type="text", this is a text box; type="button", this is a button)
The optional values ​​​​of type are as follows:
button button
checkbox check button component
file file upload component
hidden hidden field
image picture area
password password input text box
radio radio button component
reset reset form Button
submit submit form button
text text input box
********************************** ***************************************
id is a unique identifier and is not allowed There are duplicate values ​​(similar to the primary key of a data table, pk), and the corresponding html tag object can be obtained through its value. (If duplicate ids appear in the same page code, unpredictable errors will occur)
js code: document.getElementById("id_value")
Get its object reference based on the specified id
* *************************************************** **********************
The functions of name and id are the same. They are also used to identify html tags, but the only difference is that name allows repeated values. .
js code: document.forms[0].name or document.getElementsByName("name")
Get its object reference array based on the specified name
************* *************************************************** **********
value represents the value of an html tag
For example:
You will see that the content of the text box on the web page is "hello!"
/////////////////////////////////////////////////// ////////////////////////




Untitled Document











///////////////////////////// ///////////////////////////////////////////
document.getElementById(" seq001") obtains the reference of the object label with id=seq001
document.forms[0].seq
will return an array of all label object references with name=seq in the first form in the web page
document.getElementsByName("seq") <script> <br /><br /></script> will return an array of tag object references with name=seq in the web page
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to encapsulate input components and unified form data in vue3 How to encapsulate input components and unified form data in vue3 May 12, 2023 pm 03:58 PM

Preparation Use vuecreateexample to create a project. The parameters are roughly as follows: use native input. Native input is mainly value and change. The data needs to be synchronized when changing. App.tsx is as follows: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//When the input box changes, synchronize the data constonInput=;return( )=>({

How to implement laravel input hidden field How to implement laravel input hidden field Dec 12, 2022 am 10:07 AM

How to implement the laravel input hidden field: 1. Find and open the Blade template file; 2. Use the method_field method in the Blade template to create a hidden field. The creation syntax is "{{ method_field('DELETE') }}".

What to do if there is no cursor when clicking on the input box What to do if there is no cursor when clicking on the input box Nov 24, 2023 am 09:44 AM

Solutions for clicking the input box without a cursor: 1. Confirm the focus of the input box; 2. Clear the browser cache; 3. Update the browser; 4. Use JavaScript; 5. Check the hardware device; 6. Check the input box properties; 7. Debug JavaScript code; 8. Check other elements of the page; 9. Consider browser compatibility.

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Detailed explanation of input box binding events in Vue documents Detailed explanation of input box binding events in Vue documents Jun 21, 2023 am 08:12 AM

Vue.js is a lightweight JavaScript framework that is easy to use, efficient and flexible. It is one of the most popular front-end frameworks currently. In Vue.js, input box binding events are a very common requirement. This article will introduce the input box binding events in the Vue document in detail. 1. Basic concepts In Vue.js, the input box binding event refers to binding the value of the input box to the data object of the Vue instance, thereby achieving two-way binding of input and response. In Vue.j

How to use the input box carriage return event and verification function in the Vue document How to use the input box carriage return event and verification function in the Vue document Jun 20, 2023 am 09:13 AM

Vue is a popular JavaScript front-end framework with a responsive data binding and component system at its core. In Vue applications, the input box is one of the most commonly used UI elements. When the user enters text, we hope to listen for the carriage return event and validate the input before submitting. This article will introduce the input box enter event and verification function usage in the Vue document. 1. The carriage return event of the input box in Vue. Monitoring the carriage return event of the input box in Vue is very simple.

What is the input element in jquery? What is the input element in jquery? Jun 06, 2023 pm 02:18 PM

In jquery, input is a selector that selects form elements. Its functions are: 1. Input is used to collect user information. According to different type attribute values, the input field has many forms. The input field can be a text field, a check box, or a mask. The text controls, radio buttons, buttons, etc. after the Clickable images and submit buttons etc.

How to prohibit input in html5 input How to prohibit input in html5 input Feb 03, 2023 am 10:02 AM

How to implement disabling input in html5 input: 1. Specify the input field as read-only and copyable through readonly; 2. Use disabled to realize that the disabled input element can be copied, but cannot receive focus; 3. Realize by controlling the max length of the input to 0 ;4. Use "οnfοcus="this.blur();"" to prevent text from being input.

See all articles