Input的常用属性

■type:input的类型

□text:文本输入框(明文输入)

□password:文本输入框(密文输入)

□radio:单选框

□checkbox:复选框

□button:按钮

□reset:重置

□submit:提交表单数据给服务器

□file:文件上传

■maxlength:允许输入的最大字数

■placeholder : 占位文字

■readonly: 只读

■disabled :禁用

■checked :默认选中

□只有当type为radio或者checkbox时可用

■autofocus : 当页面加载时 , 自动聚焦

■ name:名字

□在提交数据给服务器时 , 可用于区分数据类型

■value : 取值

Form :设置所属的form元素 (填写form元素的id)

□一旦使用了此属性 ,input元素即使不写在form元素内部 , 它的数据也能够提交给服务器

/*去除选中时的边框*/

input , textarea {

outline: none;

}

/*鼠标选中时实现颜色*/

input:focus , textarea:focus{

border-color: skyblue;

/*去除原本的边框层次感*/

border-style: solid;

}

Input的常用属性相关推荐

Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架
第三天HTML中input标签常用属性.框架集.内嵌框架一.input标签常用属性表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...
element input组件常用属性用法
在vue项目中肯定会用到element组件库,里面的input组件的用法和常用属性如下: ** 1,type属性:用法跟原生输入框一样,例:type="text",type=&qu ...
css：input button常用属性以及将button嵌入到input中
1.鼠标经过button变成小手 //css属性 cursor:pointer; 2.清除button默认边框 border: none; 3.清除input默认边框 outline: 0; 4.设置 ...
HTML5中input常用属性,input 有哪些属性
Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text 输入类型是text,这是我们见的 ...
html表单的常用属性有哪些,html/form表单常用属性认识
1.form表单常用属性练习 .form1 { margin: auto; height: 900px; width: 500px; text-align: center; line-height: ...
JS常用属性方法大全
JS常用属性方法大全 1.输出语句:document.write(""); 2.JS中的注释为: 3.传统的HTML文档顺序是:document->html->(hea ...
html5中音频、视频标签、自定义播放器常用属性及方法、全屏操作、新增属性兼容问题
多媒体标签: 音频标签audio: <audio src="音频文件的URL"></audio><!-- audio标签需要controls控件才可以 ...
前端：HTML5/36/HTML5简介，文档类型定义，网页字符集，页面结构标记，文章相关的标记，其它标记，音频标记，视频标记，表单中新增的属性，表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...
前端常用属性知识点--文档
清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{content: "";display: block;cle ...

Input的常用属性

Input的常用属性相关推荐

最新文章

热门文章