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


相关推荐

  • 一款强大的网站在线客服聊天系统:whisper搭建教程

    一款强大的网站在线客服聊天系统:whisper搭建教程简介whisper是一个在线客服系统源码,采用thinkphp5+Gatewayworker编写,性能强悍。自己搭建,控制在自己,也无需为您的数据安全担心,您可以应用在任何的正规的网站,只需要添加一段简单的js代码,就可以使您的网站拥有在线客服功能。官方网站:http://whisper.baiyf.com/截图功能支持客服分组,多客服服务,让您的服务更有条理。 支持客服…

    2022年7月19日
  • Jmeter下载安装配置—测试小白

    Jmeter下载安装配置—测试小白一,进入官网:http://jmeter.apache.org/1.第一步进入官网如下图2.选择进行下载,下载下来为一个压缩包,解压即可。3.我下载的是jmeter4.0版本,对应jdk1.8。然后就进行解压。个人认为要注意3点:1.解压之后压缩包叫apache-jmeter-4.0.zip,如是src.zip后缀的都不对,打开之后会报错不可用,因为里面缺少我们下一步将要配置的环境变量.jar文件…

    2022年5月29日
  • linux下的文件io编程实现文件的拷贝[通俗易懂]

    linux下的文件io编程实现文件的拷贝[通俗易懂]/*copy_file.c*/#include#include#include#include#include#include#define BUFFER_SIZE 1024 /*每次读写缓存大小,影响运行效率*/#defineSRC_FILE_NAME “src_file” /*源文件名*/#defineDEST_FILE_NAME “dest_

    2022年5月4日
  • 电脑对于目标文件系统过大_提示文件过大

    电脑对于目标文件系统过大_提示文件过大Win10系统提示对于目标文件系统过大今天在复制MAC系统文件时,系统弹出窗口提示“对于目标文件系统,文件XXX过大”。出现这种情况的原因是FAT32的文件系统不支持复制大于4g的单个文件,而NTF

    2022年8月1日
  • pycharm 条件断点_linux打断点

    pycharm 条件断点_linux打断点前言遇到一个问题,由于数据量较大,直接debug调试太费时间,看了上面链接的博文,结合自身实践,于是有了这篇博文。流程打断点,右键断点,condition填入条件(当条件为true时会进入断点,开始调试),debug运行。具体如图。注:循环内赋值的变量可能无法使用,可用赋值前的变量代替,如b=A.a;条件里写A.a<100等等。其他debug用法只记录,不进行debug…

    2022年10月26日
  • c语言编写图书管理系统程序_C语言图书管理系统

    c语言编写图书管理系统程序_C语言图书管理系统DOS界面的图书管理系统,具体内容如下程序分为两块:管理员操作(收录图书、删除图书等)和会员操作(注册、借书、还书等);1、管理员操作界面2、会员操作界面global.h头文件:(程序中只使用了一个编写的头文件,在这里存放了所有的接口函数以及需要使用到的头文件,还有结构体的定义)#include”iostream”#include”string”#include”fstream”#inclu…

    2022年10月11日

发表回复

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

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