HTML5 表单from及各种按钮

HTML5 表单from及各种按钮表单的作用 负责数据采集 进行数据交互 标签 form form 属性 action 提交地址 target 窗口打开方式 self 原窗口打开 blank 新窗口打开 method 提交方式

大家好,我是讯享网,很高兴认识大家。

表单的作用:负责数据采集,进行数据交互。

标签:<form></form>

属性:action:提交地址, target窗口打开方式(_self 原窗口打开    _blank新窗口打开)

           method:提交方式

                   get:不安全,文件小,传输快,可以加入标签,长度有限3000字符,不能发现敏感数据(可见)

                   post:安全性高,文件大,传输慢,不可加入标签,没有长度限制。

表单元素input:用于收集用户信息,单标签。

属性:value值     placehoder提示信息     checked默认     checkbox复选框     disabold禁用状态     readonly只读状态

           type组件: text当行文本框   password密码框     radio单选框(需要给type设置相同的name属性)  file文件上传

                              button普通按钮    image图片按钮-src有提交功能   hidden隐藏字段用户看不到    color拾色器

                              submit提交按钮    reset重置按钮

文本域textreare

             <texteare name="  "   cols="行宽"   rows="行高">

下拉菜单select


讯享网

属性:multiple多选      selected默认选择

           <select>

                  <option>内容</option>

           </select>

html5新增属性   label

标签:<label></label>

属性:  for=" "  用于绑定控件

两种使用方法

1.直接套label标签

2.for="值"      控件内id="值"      两个值要相同

注:此元素不会向用户呈现特殊效果,他为鼠标用户改进了可用性,如果在label元素内点击文本,就会触发控件,当用户选择该标签时浏览器会自动将焦点转到相关的控件上。

 

 

 

小讯
上一篇 2025-01-23 17:18
下一篇 2025-03-31 12:19

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/46279.html