表单常用的控件有哪些_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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 实战项目中Java heap space错误的解决[通俗易懂]

    实战项目中Java heap space错误的解决[通俗易懂] java高级面试 2018-09-0720:19:23部标GPS通讯系统在上线之后,经过不断调试,终于稳定运行一段时间,后来又遇到了Javaheapspace错误异常!日志如下: 说明系统中有未释放的对象。如何找出这些未释放对象以及监控JVM堆内存,优化代码释放内存对象呢?还有JVM的垃圾回收机制是如何运作的呢?首先在系统启动运行的时候打开记录GC详细信息,运行脚本…

    2022年7月8日
    19
  • java excel转json[通俗易懂]

    java excel转json[通俗易懂]packagecom.xmg.excel;importjava.io.BufferedWriter;importjava.io.File;importjava.io.FileOutputStream;importjava.io.IOException;importjava.io.OutputStreamWriter;importjava.net.URL;import…

    2022年6月13日
    26
  • 麦克风阵列声源定位程序_麦克风阵列怎么设置

    麦克风阵列声源定位程序_麦克风阵列怎么设置麦克风阵列声源定位利用麦克风阵列可以实现声源到达方向估计(direction-of-arrival(DOA)estimation),DOA估计的其中一种方法是计算到达不同阵元间的时间差,这里主要介绍经典的GCC-PHAT方法背景简单说明问题背景,信号模型如下图,远场平面波,二元阵列要计算得到θθ\theta,其实就是要求两个阵元接收到的信号时间差,现在问题变成到达时…

    2022年9月23日
    4
  • 简易的倒计时代码_简单的网页代码

    简易的倒计时代码_简单的网页代码在一些活动项目中,大多会涉及倒计时。以下为倒计时代码,供小白参考。关键词:计时器、时间差具体代码如下:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>倒计时代码</title> <styletype="te

    2022年4月19日
    56
  • 解读非主流_所谓的非主流

    解读非主流_所谓的非主流解读非主流——当非主流成为主流互联网上非主流信息以几何级数倍增,作为非主流信息集聚载体的网站的建设者的我们——站长,该如何应对呢?如何适应这种大环境大气候的变化呢?《谁动了我的奶酪》告诉我们,要感觉良好,就好主动变化,而非被动挨打。全面投入非主流《——》主流的管道建设,实在是当务之急,也是有利可图的聪明人做的事情。下面就从主流的角度,解读下非主流…

    2022年10月17日
    3
  • 免费服务器+免费域名 【白嫖手册】

    免费服务器+免费域名 【白嫖手册】前言 白嫖服务器方法 白嫖域名方法 准备工作:一台电脑 一个邮箱 一个QQ号 一个手机号 一毛钱1.白嫖服务器方法友链:免费主机

    2022年6月22日
    35

发表回复

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

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