html表单的作用和常用表单类型_html表单提交按钮

html表单的作用和常用表单类型_html表单提交按钮html中的from标签有什么用在html中,from标签用于创建供用户输入的html表单(表单域),以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器;语法“表单控件”。form表单中可包含一个或多个表单素,比如input、selec

html中的from标签有什么用   在html中,from标签用于创建供用户输入的html表单(表单域),以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器;语法“表单控件”。form表单中可包含一个或多个表单素,比如input、select、textarea。   
html中的from标签有什么用   本教程操作环境:windows7系统、HTML5版、Dell G3电脑。   html5 form标签   作用:form标签用于创建供用户输入的HTML表单(表单域),以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。   form表单域中可以包含各种交互控件–控件标签(文本字段、复选框、单选框、提交按钮等等),比如、、、等标签。   标签语法格式   <form action=”提交地址” method=”提交方式” name=”表单名称”> 各种表单控件 </form>登录后复制   name:只是给该表单命名,用于js技术使用。   action:设定表单数据提交给哪个文件,用于后端技术(比如php)来接受并处理数据   method: 设定数据提交方式,用于根据不同的数据需求来选择合适的提交(传送)方式   method提交方式常用的4种:   get 一般用来查询信息 post 一般用来新增信息 put 一般用来修改信息 delete 一般用来删除信息登录后复制   post和get区别:   数据提交方式,get把提交的数据url可以看到,post看不到   get一般用于提交少量数据,post用来提交大量数据   get最多提交1K数据,post理论上没有限制   get提交的数据在浏览器历史记录中,安全性不好   一个完整的表单包含三个基本组成部分:表单标签、表单域、表单按钮。   1、表单标签   是指form标签本身,它是一个包含表单素的区域,使用定义   2、表单域   是标签中用来收集用户输入的每一项,通常用input标签来定义,input标签有不同的类型,对应用户不同的数据。(比如:文本域、下拉列表、单选框、复选框等等)   3、表单按钮   用来提交表单中的所有信息到服务器   *表单域和表单按钮都属于表单素。登录后复制   单行文本框默认值是type=”text”   密码框   单选按钮   复选框   隐藏域   文件上传   下拉框标签   多行文本   提交按钮   普通按钮   重置按钮   控件标签:   input标签   input 输入的意思标签为单标签type属性设置不同的属性值用来指定不同的控件类型除了type属性还有别的属性   type=”text”为普通输入框 value为里面的值 name和id会在写js的时候用   <form action=”url地址” method=”提交方式” name=”表单名称”> <input type=”text” name=”” id=”” value=”你好”> </form>登录后复制   
在这里插入图片描述   input标签的一些属性:   checked属性只有单选框和复选框才有属性属性值描述typeText单行文本输入框Password密码输入框Radio单选按钮Checkbox复选框Button普通按钮Submit提交按钮Reset重置按钮Image图像形式的提交按钮File文本域name空间的名称valueinput控件中的默认文本值sizeinput控件在页面中的显示宽度checked定义选择空间默认被选中的项Maxlength控件允许输入的最多字符数   密码框   <input type=”password” name=”” id=”” value=””>登录后复制   
在这里插入图片描述   单选框   name相同的单选框智能选择一个   男 <input type=”radio” name=”gender” id=”” value=””> 女 <input type=”radio” name=”gender” id=”” value=””>登录后复制   
在这里插入图片描述   复选框   多选框可以选取多个   爱好: <br> 抽烟<input type=”checkbox” name=”hobby” id=”” value=””> 喝酒<input type=”checkbox” name=”hobby” id=”” value=””> 烫头<input type=”checkbox” name=”hobby” id=”” value=””>登录后复制   
html表单的作用和常用表单类型_html表单提交按钮   按钮   普通按钮可以根据需求来用js添加功能   提交按钮会把输入的表单信息提交到form表单的action地址   重置按钮会把表单信息重置为默认   <form action=”url地址” method=”提交方式” name=”表单名称”> <input type=”button” name=”” id=”” value=”我是一个普通按钮”> <input type=”submit” name=”” id=”” value=”我是一个提交按钮”> <input type=”reset” name=”” id=”” value=”我是一个重置按钮”> </form>登录后复制   
在这里插入图片描述   下拉框标签   下拉框标签有点特殊,不是input的属性而是一个单独的标签   <select name=”省市区” id=””> <option value=””>山东</option> <option value=””>北京</option> <option value=””>江苏</option> <option value=””>深圳</option> <option value=””>上海</option> </select>登录后复制   
在这里插入图片描述   (学习视频分享:web前端入门)   以上就是html中的from标签有什么用的详细内容,更多请激活谷其它相关文章!

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/54598.html

(0)
上一篇 2024年 9月 1日
下一篇 2024年 9月 1日

相关推荐

关注微信