input元素及其属性

<input>元素时表单最常见的元素  网页中的单行文本框  单选按钮  复选框等都是由他来进行定义

input 相关属性

type  text  单行文本输入框

            常输入简短的信息 用户名 账号 证件号 name value maxlength

            

   password 密码输入框

            内容将以圆点的形式显示

   radio 单选按钮

            选择性别 是否操作 在定义单选按钮时必须为同一组的中的选项指定相同的name值 这样单选才会生效

  checkbox 复选框

            多项选项 兴趣 爱好 

  button  普通按钮

            常常配合javascript使用

  submit 提交按钮

  reset 重置按钮

            清空所有内容重新输入

  image 图像形式的按钮

  hidden 隐藏域

            对于用户不可见 通常用于后台的程序

  file 文件域

  email E-mail地址的输入域

  url URL地址的输入域

  number 数值的输入域

            检测输入的是否为数字 不为数字将不容许提交

  range 一定范围内数字值的输入域

            提供范内数值的输入范围 在网页中显示为滑动条 通过设定setp设定每次滑动的步幅

  Date pickers(date-选取日 月 年 month-选取月年  week-选取周 年 time-选取小时和分钟 datetime-选取时间,日,月,年(UTC时间) datetine-local-选取时间,日,月,年(本地时间)) 时间和日期的输入域

  search 搜索域

  color 颜色输入类型

  tel 电话号码输入类型

name 由用户自定义 控件的名称、

value 由用户自定义  input控件中的默认文本值

size  正整数 input控件在页面中的显示宽度

readonly readonly 该控件内容为只读

disabled disabled 第一次加载禁用该插件

checked  checked 定义该控件默认被选中的项

maxlength 正整数 允许输入的最多字符串长度

autocomplete  on/off 是否自动完成表单字段内容

autofocus autofocus 加载完成后是否自动获取焦点

form form元素的id 设定字段隶属于哪一个或多个表单

list datalist元素的id 指定字段的候选数据值列表

multiple  multiple   指定输入框是否可以选取多个值

min max step 数值   规定输入框的允许的最大值 最小值 及其间隔

input元素的其他属性

autofocus属性  指定页面加载后是否自动获取焦点

form属性 把表单内的子元素写在页面中的任一位置 只需元素指定form属性并设置属性值为该表单的id值即可 此外form属性还允许规定一个表单控件从属与多个表单

pattren 字符串  验证输入框所输入的内容是否定义的正则表达式匹配

placeholder 字符串  为input类型的输入框提供一种提示

requiret requirrd 规定输入框填写的内容不能为空

posted @   曲中意  阅读(1274)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示