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

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

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Pycharm中Debug的基本用法和高级技巧

    Pycharm中Debug的基本用法和高级技巧今天测试自己写的代码,测试了很多次都是实际结果与心里预测不相符,甚至一度怀疑Pycharm除了问题,哈哈。最后debug了一下,才发现是自己的操作问题才导致了错误的结果,看来Debug真的是个好侦探,让你不会乱怀疑。下面就和大家分享一下我在Pycharm上Debug的心得1.在Pycharm中打开一个.py文件,并设置断点鼠标左键单击箭头处需要设置断点的语句即可设置断点2.运行debug…

    2022年8月26日
    5
  • Win32 API 常量定义(四)

    PublicConstMIXER_OBJECTF_HMIDIOUT=(MIXER_OBJECTF_HANDLEOrMIXER_OBJECTF_MIDIOUT)PublicConstMIXER_OBJECTF_MIDIIN=&H40000000PublicConstMIXER_OBJECTF_HMIDIIN=(MIXER_OBJECTF_HANDLEOrMIX

    2022年4月8日
    86
  • mapreduce-shuffling

    mapreduce-shufflingmap->reducemap和reduce之间的过程,成为shuffling,官方图是这样介绍的.(这样描述不是很准确)MapTask每个map任务都有一个环形内存缓冲区用于存储任务的输出.默认100MB(MRJobConfig.IO_SORT_MB修改)一旦缓冲达到阈值(MRJobConfig.MAP_SORT_SPILL_PERCENT)0.8,后台

    2025年6月26日
    3
  • 8种垂直居中的方法

    八种垂直居中的方法垂直居中的需求经常遇到,通过资料实践了八种垂直居中的方法。以下的方法都围绕着该HTML展开HTML代码<divstyle=”width:300px;height:300px;”class=”wrap”><divstyle=”width:100px;height:100px”class=”box”></div></div>CSS方法1(常用):display:flex.wra

    2022年4月4日
    36
  • 累加和校验算法(CheckSum算法)「建议收藏」

    累加和校验算法(CheckSum算法)「建议收藏」因为外界总会对电路存在或多或少的干扰,对于数字信号,很可能导致传输的数据出现千差万别。对于很多需要传输数据的场合,尤其是一些数据可能会影响一些硬件的动作(诸如嵌入式的一些设备、机器人等),错误的数据可能会带来一些隐性风险,想想都可怕。由于本人是嵌入式相关领域的,平时玩的都是单片机,当然单片机的性能千差万别,不过很多的性能都只能说是勉强够用,毕竟成本考虑。所以今天的校验说法,比较简单,但是有…

    2025年7月28日
    3
  • ctk框架搭建(一) ctk框架插件加载与项目结构

    ctk框架搭建(一) ctk框架插件加载与项目结构序 使用CTK框架开发有大半年了,就实际应用上来说框架还比较可靠,但网上资料很少。而刚接触时项目已经有了相当大的体量,与业务等其他逻辑混淆,现在单独把ctk框架部分抽离出来做个总结分享,避免后来的人走弯路。 该系列介绍简单的ctk框架构建的方法,具体架构可根据自身项目设计,开发环境为macOSHighSierra,QtCreator5.10.0。ctk框架插件    CTK源码可以从Gi…

    2022年6月5日
    95

发表回复

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

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