html中的from标签有什么用 在html中,from标签用于创建供用户输入的html表单(表单域),以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器;语法“表单控件”。form表单中可包含一个或多个表单素,比如input、select、textarea。
本教程操作环境: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=””>登录后复制
按钮 普通按钮可以根据需求来用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