文章:风尚云网学习-input属性总结

input标签定义及使用说明:

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。

input属性/值/简介:

属性 简介
accept audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type="file")
align left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
alt text 定义图像输入的替代文本。 (只针对type="image")
autocompleteNew on off autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocusNew autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。
checked checked checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")
disabled disabled disabled 属性规定应该禁用的 <input> 元素。
formNew form_id form 属性规定 <input> 元素所属的一个或多个表单。
formactionNew URL 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctypeNew application/x-www-form-urlencoded multipart/form-data text/plain 属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethodNew get post 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidateNew formnovalidate formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtargetNew _blank _self _parent _top framename 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
heightNew pixels 规定 <input>元素的高度。(只针对type="image")
listNew datalist_id 属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。
maxNew number date 属性规定 <input> 元素的最大值。
maxlength number 属性规定 <input> 元素中允许的最大字符数。
minNew number date 属性规定 <input>元素的最小值。
multipleNew multiple 属性规定允许用户输入到 <input> 元素的多个值。
name text name 属性规定 <input> 元素的名称。
patternNew regexp pattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholderNew text placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
readonly readonly readonly 属性规定输入字段是只读的。
requiredNew required 属性规定必需在提交表单之前填写输入字段。
size number size 属性规定以字符数计的 <input> 元素的可见宽度。
src URL src 属性规定显示为提交按钮的图像的 URL。 (只针对 type="image")
stepNew number step 属性规定 <input> 元素的合法数字间隔。
type

button按钮类型
checkbox复选框类型
color选择颜色类型
date选择日期类型
datetime选择一个日期(UTC 时间)类型
datetime-local

选择一个日期和时间 (无时区)类型
email邮箱格式类型
file文件类型
hidden隐藏域类型
image图片提交类型
month月份类型
number数字类型
password密码类型
radio视频类型
range进度类型
reset重置类型
search搜索类型
submit提交类型
tel电话类型
text文本类型
time时间类型
url链接类型
week周类型

type 属性规定要显示的 <input> 元素的类型。
value text 指定 <input> 元素 value 的值。
widthNew pixels width 属性规定 <input> 元素的宽度。 (只针对type="image")

风尚云网学习-input属性总结相关推荐

  1. 风尚云网学习-H5+css3+js上传文件页面提交不跳转

    风尚云网学习-HTML+原生js上传文件页面提交不跳转页面效果图: 众所周知,from表单提交后会自动跳转url, 此时我们可以用一个空的frame 接收,阻止跳转 废话不多说,上全部代码: < ...

  2. html5 规定输入字段,HTML5 Input属性详解

    本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...

  3. CALayer学习--contentsCenter属性

    开头 为什么我要写就contentsCenter这个属性做一个记录呢?!因为我在学习这个属性的时候,理解了好久,到现在,有点头绪,记录下来,希望有帮助. 缘由 偶然看到gitbook上有iOS Cor ...

  4. 当 input 属性为 number,设置maxlength属性不生效的坑

    当 input 属性为 number,设置maxlength属性不生效的坑 一.现象 1. <input type="text" maxlength="11&quo ...

  5. 学生档案复习前面HTML5新增标签/属性/input属性

    根据所学HTML5新增的标签.属性.input属性,把学生的姓名.手机.邮箱.职业.出生日期.成绩写出来 代码如下: <!DOCTYPE html> <html lang=" ...

  6. 风尚云网前端-js随机生成自定义位随机字符

     风尚云网前端-js随机生成自定义位随机字符 废话不多说: 上代码 // 随机生成随机数randomPassword(size) {var seed = new Array("A" ...

  7. 风尚云网前端-vue中动态显示动态时间2种方式

    一:时间1方法: 首先在data中写入: timer: undefined, 定一个计时器 nowTime: new Date(),当前时间 data中: data() {return { //时间1 ...

  8. 风尚前端学习-网页HTML引入element-ui库

    导言:在HTML页面开发中.有时候一些复杂的菜单复选框漂亮的按钮啥的, 需要用到一些插件以及ui库今天教大家如何在HTML中引入element-ui库 大家好,我是风尚,一个web前端开发者,著作风尚 ...

  9. HTML的input属性

    HTML的input属性 之前我收集发表了表单元素和元素input的type值:这里主要讲解一下input的属性value值有哪些:其实也是超多. 其书写格式为:value="值" ...

  10. 前端input属性判断字段不能为空

    input属性 前言 前端input属性required 前端input pattern属性 前言 前端判断字段我自己一般使用js判断,而input自带一些属性,可以直接进行判断例如required属 ...

最新文章

  1. LOAM 代码部分的公式推导(前端里程计部分)
  2. Android Binder 学习笔记
  3. Express框架(http服务器 + 路由)
  4. html加粗字体打印失效_论文格式要求及字体大小
  5. mysql ibtmp1 太大_mysql5.7 ibtmp1文件过大
  6. android投影仪分辨率是多少,如何挑选投影仪流明 分辨率?千万不要这样选,不然后果不堪设想...
  7. 我的世界如何开直连服务器,我的世界服务器如何连接 连接服务器教程
  8. Eucalyptus的结构
  9. id3-sklearn算法实现(西瓜数据集)
  10. 高斯-马尔科夫过程的充要条件(正态随机过程又是马尔科夫过程的充要条件)
  11. android 7 sl4a,SL4A蟒蛇作出android手机
  12. python接受键盘输入_Python读取键盘输入的2种方法
  13. Linux系统之热插拨事件uevent
  14. 经典   bgp 路由黑洞
  15. UCOSIII 系统内部任务
  16. 我的2016 “CSDN博客之星” 韩俊强的博客
  17. Deepin系统无法卸载360的解决方法
  18. JS 计算年龄为几岁几月几天
  19. 物流货运移动APP解决方案
  20. ST的FOC库 2.0学习 霍尔矢量控制

热门文章

  1. Programer四境界-摘自《代码大全》
  2. Linux 之查看 OpenCV 版本并卸载重装
  3. 阿里巴巴图标库字体iconfont旋转
  4. 摩托车头盔的逆向建模与设计
  5. erf函数处以一个常数_Google对Linux专利处以500万美元的罚款
  6. OpenCV4学习笔记(71)——散焦图像去模糊滤波
  7. opencv修改像素值
  8. js url解码gbk_使用js解码url里的gbk汉字编码
  9. 10-TensorFlow 基于LeNet的轴承故障诊断
  10. 洛谷试炼场 普及常见模板