input外面一定要写form吗

2024-10-17

input标签之外是否一定添加form标签

原文转载自:https://blog.csdn.net/lamanchas/article/details/78753031 input标签外是否添加form标签需要按情形区分:应用场景的区别:1.所有向后台提交数据(包括原生和ajax提交)的input都建议用form包裹,2.如果只是用来做前台交互效果则不推荐使用form包裹.但提交数据时,其实也可以不用form包裹input标签:1.如果有form标签,在点击提交铵钮时,浏览器自动收集参数,并打包一个http请求到服务器,完成表单提交.在这

Django中三种方式写form表单

除了在html中自己手写form表单外,django还可以通过继承django.forms.Form 或django.forms.ModelForm两个类来自动生成form表单,下面依次利用三种方式来实现form表单,实现向数据库中添加书籍的页面,效果如下: 首先在models类中定义了Book,Author和Publish类,并定义了关联关系,publish,author和book分别为一对多和多对多关系,代码如下: class Book(models.Model): title = mod

django中写form表单时csrf_token的作用

之前在学习django的时候,在template中写form时,出现错误.百度,google后要加{% csrf_token %}才可以,之前一直也没研究,只是知道要加个这个东西,具体是什么也不明白. 下面是自己的理解. 目的: csrf_token 是为了防止csrf(跨站请求伪造),什么是csrf,这篇文章讲的很好:这里.文章最后也说到了,防止csrf的手段就有给form加个token. 具体做了什么: 在渲染模板时,django会把 {% csrf_token %} 替换成一个<input

HTML5 为 <input> 增加的属性 ; 为 <form> 增加的如需属性

HTML5 为 <input> 增加了如下属性: autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height 和 width list min 和 max multiple pattern (regexp) placeholder required step 并为 <form> 增加如需属性: autocomplete novalidate ------

如何高效地写 Form

工作少不了写"增删改查","增删改查"中的"增"和"改"都与 Form 有关,可以说:提升了 Form 的开发效率,就提升了整体的开发效率. 本文通过总结 Form 的写法,形成开发规范,用以提升团队开发效率. 1.布局不同人开发的表单,细看会发现:表单项的上下间距.左右间距有差别.如果 UE 同学足够细心,挑出了这些毛病,开发同学也是各改各的,用独立的 css 控制各自的表单样式.未来 UE 同学要调整产品风格,开发需要改

HTML:form表单总结，input，select，option，textarea，label

<form>标签是块级元素. form标签的标准属性有id,class,style,title,lang,xml:lang. 表单能够包含input元素(包含button,checkbox,file,hidden,image,password,radio,reset,submit,text).menu.textarea.fieldset.legend和label元素. action属性表示提交表单时向何处发送表单数据(表单数据发送到 action 属性所规定的页面).(必须) method属性

HTML基础之HTML标签-html header（meta,title） html body(p,br,h,form,div,span,input,lable)

摘自:http://www.imdsx.cn/index.php/2017/07/27/html0/ 一.HTML标签 <!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF

前端 HTML form表单标签 input标签 type属性重置按钮 reset

input type="reset" value="重置" reset重置还原到默认状态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> &l

关于<button> 没写 type='button' 导致点击时提交以及<button>和<input type="button">的区别

这是我的第一篇博客,如果写的不好,请见谅这是一个关于button按钮一个小问题最近刚开学跟着老师一起写代码,在模仿JAVA web程序设计(慕课版) P61页第三章 Ajax处理XML的代码中发现了一个问题, 我的代码在点击获取按钮后会突然闪现留言并消失,然后点击四次按钮后会出现结果. 在询问老师后,老师帮我将修改代码 <button onclick="getResult()">获取详细信息</button> 修改为后可以一次就成功后来我发现也可以一次

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" />  &

用jquery写自己的form表单验证

这几天看了锋利的jquery,感觉很不错.特别是jquery强大的选择器.今天就利用jquery写了一个自己的form表单验证的小案例.当巩固下jquery.首先贴下代码,当然只是一个小案例. 思路: 1.<input type="text" Validate="Date" id="date"/>这里的 Validate:是我们需要验证的类型(属于日期类型),这里你也可以自己定义.id属性就不用说了.<input type=

HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结

<form action="" method="get">  <input type="text" name="user_name" placeholder="

2022年form表单中input控件最详细总结

语法 <input type="" name="" id="" value="" placeholder=""/> 属性 type:判断输入信息的类别,此属性值必须写,不写默认是text文本信息(text.password.radio.checkbox...) name:标明该input名称,可用于设置radio单选操作 size:输入框的长度大小 maxlength:输入框中允许输入字符的最大

HTML之form表单和input系列

<form method="POST" action="/host"> <input class="c1" type="text" name="id" placeholder="主机ID" /> <input type="text" name="hostname" placeholder="主机名"

HTML 表单和输入<form><input>

HTML <form> 标签定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素. 表单用于向服务器传输数据. 提示和注释注释:form 元素是块级元素,其前后会产生折行. 属性: 1. accept-charset 属性语法:<form accept-charse

button 和input 的区别及在表单form中的用法

先说一下button 和input的定义: <button> 标签定义的是一个按钮 1.在 <button> 元素内部,您可以放置任何内容,比如文本或图像.这是该元素与使用 <input> 元素创建的按钮之间的不同之处: 2. <button> 控件提供了更为强大的功能和更丰富的内容: 3.<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容. <inpu

HTML（七）HTML 表单(form元素介绍，input元素的常用type类型，input元素的常用属性)

前言表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签表单能够包含<input>.<menus>.<textarea>.<fieldset>.<legend>.<label>等表单控件元素 [注意]表单里嵌套表单是不允许的 form元素 form元素有accept-charset.action.autocomplete.enc

[PHP] 03 - Form & Input

PHP 完整表单实例一.表单示范二.对应代码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> .error {color: #FF0000;} </style> </head> <body> ------------------

前端 HTML body标签相关内容常用标签表单标签 form里面的 input标签介绍

input标签用于接收用户输入.可以利用input 可以做登录页面 input标签是行内块标签 <input> 元素会根据不同的 type 属性,变化为多种形态. name属性:表单点击提交按钮时,提交form表单时候,在url上显示, 是一个key-value形式,注意和id的区别 type属性值表现形式对应代码 text 单行输入文本 <input type=text" /> password 密码输入框 <input type="password

前端 HTML form表单标签 input标签 type属性 file 上传文件

加上上传文件功能 input type='file' - 依赖form表单里一个属性 enctype="multipart/form-data" 加上这个属性表示把你上次文件一点一点点上传还有form表单action指向提交的url后台,一定是用post请求提交 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

input外面一定要写form吗

热门专题