表单常用的控件有哪些_html表单控件样式修改

表单常用的控件有哪些_html表单控件样式修改表单特性value属性规定输入字段的初始值;readonly属性规定输入字段为只读(不能修改);readonly属性不需要值,它等同于readonly=“readonly”。disbled属性


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

表单特性

  value属性规定输入字段的初始值;

  readonly属性规定输入字段为只读(不能修改); readonly属性不需要值,它等同于readonly=“readonly”。

  disbled属性 规定输入字段是禁用的,被禁用的元素是不可以用和不可以点击的,被禁用的元素不会被提交。 没有属性值

  size属性规定输入字段的尺寸(以字符计);

  maxlength属性规定输入字段允许的最大长度;该属性不会提供任何反馈。如果需要提醒用户,则必须编写javascript代码        提醒:输入限制并非万无一失。javascript提供了很多方法来增加非法输入。如必须同时对限制进行检查。

H5新增表单特性

  placeholder   输入框提示信息

  autocomplete       是否保存用户输入值(默认为on,关闭提示选择off)

  autofocus    指定表单获取输入焦点

  required    此项必填,不能为空

  pattern   正则验证 pattern=”\d{1,5}”

  formaction  在submit里定义提交地址         (只在opera浏览器下有作用)

  

表单的控件

button 定义可点击按钮(一般用于通过javascript启动脚本)

checkbox 定义复选框

file 定义输入字段和“浏览”按钮,供文件上传。

hidden 定义隐藏的输入字段。

image 定义图像形式的提交按钮。

password 定义密码字段,该字段中的字符被掩码

radio 定义单选按钮

reset 定义重置按钮。重置按钮会清除表单中的所有数据

submit 定义提交按钮。提交按钮会把表单数据发送到服务器

text 定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。

H5新增控件

email 电子邮箱文本框,跟普通的没什么区别(当输入不是邮箱的时候,验证通不过;    移动端的键盘会有变化)

tel 电话号码      tel的主要功能在移动端,一个键盘切换

url  网页的url  

search搜索引擎   ——chrome下输入文字后,会多出一个关闭的x

range  特定范围内的数值选择器       min,max,step(步数)   例如:用js显示当前数值

number 只能包含数字的输入框

color 颜色选择器

datatime 显示完整日期    在opera浏览器下作用           

datetime-local 显示完整日期 不含时区

time 显示时间,不含时区

data 显示日期

week 显式周

month 显示月

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167923.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • Rpc接口压测_rpc服务接口测试

    Rpc接口压测_rpc服务接口测试前言哈喽,喜欢这篇文章的话烦请点个赞哦!万分感谢(^▽^)PS:有问题可以联系我们哦vceshiren001复制“下方链接”,提升测试核心竞争力!更多技术文章分享和免费资料领取现今有比较多的rpc框架应用于实际的生产中,像比较流行的Dubbo、Motan、Thrift、Grpc等。今天作者将以最近项目中用到的grpc为例,结合jmeter来介绍下rpc压测实施步骤。学习本文前需对rpc框架、jmeter有个大致的了解,知道rpc如何用工具生成各种语言的代码。Grpc本身是支持很多种语言的,而jm

    2022年10月13日
  • 运维架构层级

    运维架构层级运维架构层级/运维角度内容描述/主要技术关键词监控体系自动化/DevOps云计算客户端层浏览器Cookie、浏览器缓存协商(Last-Modified、Expires、Etag)、组件分离、前端优化、运维检测工具舆论监控外部网络监控APM故障检测工具DNS服务CDN服务移动服务云

    2022年7月17日
  • VLC 外挂字幕乱码

    VLC 外挂字幕乱码title:VLC外挂字幕乱码date:2020-01-2221:11:13tags:技术笔记最近下载了一些电影,使用VLC播放器添加了外挂字幕。问题描述:VLC添加外挂字幕乱码软件环境描述说明下载地址VLC版本3.0.8VLC3.0.8字母格式ASS/SRT字幕库解决方案启动VLC播放器;依次点击左上标题栏…

    2022年7月11日
  • 详解Linux双网卡绑定之bond0「建议收藏」

    1、什么是bond?  网卡bond是通过多张网卡绑定为一个逻辑网卡,实现本地网卡的冗余,带宽扩容和负载均衡,在生产场景中是一种常用的技术。Kernels2.4.12及以后的版本均供bonding模块,以前的版本可以通过patch实现。2、实现原理:  网卡工作在混杂(promisc)模式,接收到达网卡的所有数据包,tcpdump工作用的也是混杂模式(promisc),将两块网卡的MAC地址…

    2022年4月1日
  • setAttribute改变属性,动态改变类

    setAttribute改变属性,动态改变类

    2022年2月22日
  • goland 2021.5 激活码(最新序列号破解)

    goland 2021.5 激活码(最新序列号破解),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号