Home > Article > Web Front-end > js controls the usage of form tags to define and submit data
For form submission, there was a download project interface before, and a lot of things need to be uploaded to the URL, but the URL is limited in length. The URL length limit of each browser is different, so I thought of using form The form action submits the form.
tag to create HTML forms for user input.
Forms can contain input elements, such as text fields, check boxes, radio buttons, submit buttons, etc.
The form can also contain menu, textarea, fieldset, legend and label elements.
Forms are used to transmit data to the server. (What we want to use)
Here I will write a form submission using js to call events. Example of form not showing on the page.
The following code The attribute of the form tag method is that the request method is the same as jquery's ajax. Here I use post request , The attribute enctype of the form tag specifies how to encode the form data before sending it. The attribute target=”_blank” of the form tag is equivalent to Open a new page. What I am doing here is downloading, so I have to open it in a new page.
<form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank"> <input type="hidden" name="account" value="多毛大叔爱萝莉"/> <input type="hidden" name="password" value="7758521"/> </form> <button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了
Next, we use js to call the event and dynamically add the action attribute to form to let the form know that we want him to request a position.
// js 获取form表单var form_submit = document.getElementById('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener('click',function(){ // 动态给form表单设置请求位置 form_submit.active = "http://www.daxuehua.cn"; // 让form表单提交 form_submit.submit() })
This can solve the problem of being unable to download things if the url value is too long
For form submission, there was a download project interface before , there are a lot of things that need to be uploaded to the URL, but url is limited in length The URL length limit of each browser is different, so I thought of using the form form action to submit the form.
tag to create HTML forms for user input.
Forms can contain input elements, such as text fields, check boxes, radio buttons, submit buttons, etc.
The form can also contain menu, textarea, fieldset, legend and label elements.
Forms are used to transmit data to the server. (What we want to use)
Here I will write a form submission using js to call events. Example of form not showing on the page.
The following code The attribute of the form tag method is that the request method is the same as jquery's ajax. Here I use post request , The attribute enctype of the form tag specifies how to encode the form data before sending it. The attribute target=”_blank” of the form tag is equivalent to Open a new page. What I am doing here is downloading, so I have to open it in a new page.
<form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank"> <input type="hidden" name="account" value="多毛大叔爱萝莉"/> <input type="hidden" name="password" value="7758521"/> </form> <button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了
Next, we use js to call the event and dynamically add the action attribute to form to let the form know that we want him to request a position.
// js 获取form表单var form_submit = document.getElementById('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener('click',function(){ // 动态给form表单设置请求位置 form_submit.active = "http://www.daxuehua.cn"; // 让form表单提交 form_submit.submit() })
This can solve the problem of being unable to download things if the url value is too long
Related articles:
javascript - How to implement form submission by placing submit outside the form tag
JS method of implementing a tag hyperlink to submit form form
The above is the detailed content of js controls the usage of form tags to define and submit data. For more information, please follow other related articles on the PHP Chinese website!