博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单元素01
阅读量:6859 次
发布时间:2019-06-26

本文共 1594 字,大约阅读时间需要 5 分钟。

文档:

表单元素一、表单元素汇总form:表示HTML表单input:表示用来收集用户输入数据的控件textarea:表示可以输入多行文本的控件select:表示用来提供一组固定的选项option:表示提供一个选项optgroup:表示一组相关的option元素buttton:表示可用来提交或者重置的表单按钮(或一般按钮)datalist:定义一组提供给用户的建议值fieldset:表示一组表单元素legend:表示fieldset元素的说明性标签label:表示表单元素的说明标签output:表示计算结果二、表单元素解析1、定义表单      
用户名:
元素主要是定义本身是一组表单。属性:action:表示表单提交的页面,默认提交给当前页面method:表示表单的请求方式,post和get两种,默认getenctype:浏览器发送给服务器的数据所采用的编码格式。不建议使用name:设置表单的名称,以便程序调用target:设置提交时的目标位置autocomplete:设置浏览器记住用户输入的数据,实现自动完成表单。默认为on自动完成,如果不想自动完成则设置成off.novalidate:设置是否执行客户端数据有效性检查。2、input:用户输入数据属性autofocus:让光标聚焦在某个input元素上,让用户直接输入。disabled:禁用input元素,禁用后改input不能输入文本了。autocomplete:单独设置input元素的自动完成功能。form:让表单外的元素和指定的表单挂钩提交。type:input元素的类型,内容较多,将在下节课讲解。name:定义input元素的名称,以便接收到相应的值。 用户名:
电子邮件:3、label标签:添加说明标签
能够实现当点击 “用户名”的时候,光标也会显示在用户名后面的输入框中。让用户体验更好。4、fieldset:对表单进行编组fieldset元素可以将一些表单元素组织在一起,形成一个整体。属性:name:给分组定义一个名字。form:让表单外的分组与表单挂钩disable:禁用分组内的表单5、legend添加分组说明标签
密码表单 密码:
确认密码:
6、button按钮type属性:submit:提交表单,默认reset:重置表单,不是清空,而是回到初始化的状态,相当于刷新。button:一般性按钮

源码:

    
表单元素
表单元素

用户名表单
密码表单 密码:
确认密码:

转载地址:http://xoxyl.baihongyu.com/

你可能感兴趣的文章
linux网络相关命令使用
查看>>
java基础(二)
查看>>
记录一下:chrome上,把网页保存为文件的插件
查看>>
C#和Javascript间互转的Xxtea加解密
查看>>
BAT批处理中的字符串处理详解(字符串截取)
查看>>
智力题集锦【二】
查看>>
读 《我为什么放弃Go语言》 有感
查看>>
删除MySQL中冗余字段
查看>>
MS DOS 命令大全
查看>>
升级10.10 Yosemite 后,cocoapods 出现错误(解决方案)
查看>>
UEditor编辑器两个版本任意文件上传漏洞分析
查看>>
Redis分布式锁服务(八)
查看>>
MySQL的引入
查看>>
C++单例模式
查看>>
bower安装报错”Cannot be run with sudo”解决办法
查看>>
android平台中编写jni模块的方法(3)
查看>>
软件工程网络15结对编程1——四则运算优化
查看>>
进程、应用程序域,线程和上下文之间的关系
查看>>
Spring源码学习之一下载和导入
查看>>
13.使用第三方类实现动画
查看>>