风尚云网学习-input属性总结
文章:风尚云网学习-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按钮类型 选择一个日期和时间 (无时区)类型 |
type 属性规定要显示的 <input> 元素的类型。 |
value | text | 指定 <input> 元素 value 的值。 |
widthNew | pixels | width 属性规定 <input> 元素的宽度。 (只针对type="image") |
风尚云网学习-input属性总结相关推荐
- 风尚云网学习-H5+css3+js上传文件页面提交不跳转
风尚云网学习-HTML+原生js上传文件页面提交不跳转页面效果图: 众所周知,from表单提交后会自动跳转url, 此时我们可以用一个空的frame 接收,阻止跳转 废话不多说,上全部代码: < ...
- html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
- CALayer学习--contentsCenter属性
开头 为什么我要写就contentsCenter这个属性做一个记录呢?!因为我在学习这个属性的时候,理解了好久,到现在,有点头绪,记录下来,希望有帮助. 缘由 偶然看到gitbook上有iOS Cor ...
- 当 input 属性为 number,设置maxlength属性不生效的坑
当 input 属性为 number,设置maxlength属性不生效的坑 一.现象 1. <input type="text" maxlength="11&quo ...
- 学生档案复习前面HTML5新增标签/属性/input属性
根据所学HTML5新增的标签.属性.input属性,把学生的姓名.手机.邮箱.职业.出生日期.成绩写出来 代码如下: <!DOCTYPE html> <html lang=" ...
- 风尚云网前端-js随机生成自定义位随机字符
风尚云网前端-js随机生成自定义位随机字符 废话不多说: 上代码 // 随机生成随机数randomPassword(size) {var seed = new Array("A" ...
- 风尚云网前端-vue中动态显示动态时间2种方式
一:时间1方法: 首先在data中写入: timer: undefined, 定一个计时器 nowTime: new Date(),当前时间 data中: data() {return { //时间1 ...
- 风尚前端学习-网页HTML引入element-ui库
导言:在HTML页面开发中.有时候一些复杂的菜单复选框漂亮的按钮啥的, 需要用到一些插件以及ui库今天教大家如何在HTML中引入element-ui库 大家好,我是风尚,一个web前端开发者,著作风尚 ...
- HTML的input属性
HTML的input属性 之前我收集发表了表单元素和元素input的type值:这里主要讲解一下input的属性value值有哪些:其实也是超多. 其书写格式为:value="值" ...
- 前端input属性判断字段不能为空
input属性 前言 前端input属性required 前端input pattern属性 前言 前端判断字段我自己一般使用js判断,而input自带一些属性,可以直接进行判断例如required属 ...
最新文章
- LOAM 代码部分的公式推导(前端里程计部分)
- Android Binder 学习笔记
- Express框架(http服务器 + 路由)
- html加粗字体打印失效_论文格式要求及字体大小
- mysql ibtmp1 太大_mysql5.7 ibtmp1文件过大
- android投影仪分辨率是多少,如何挑选投影仪流明 分辨率?千万不要这样选,不然后果不堪设想...
- 我的世界如何开直连服务器,我的世界服务器如何连接 连接服务器教程
- Eucalyptus的结构
- id3-sklearn算法实现(西瓜数据集)
- 高斯-马尔科夫过程的充要条件(正态随机过程又是马尔科夫过程的充要条件)
- android 7 sl4a,SL4A蟒蛇作出android手机
- python接受键盘输入_Python读取键盘输入的2种方法
- Linux系统之热插拨事件uevent
- 经典 bgp 路由黑洞
- UCOSIII 系统内部任务
- 我的2016 “CSDN博客之星” 韩俊强的博客
- Deepin系统无法卸载360的解决方法
- JS 计算年龄为几岁几月几天
- 物流货运移动APP解决方案
- ST的FOC库 2.0学习 霍尔矢量控制