input框隐藏和不可编辑

input隐藏

隐藏域在页面中对于用户是不可见的，在表单插入中隐藏域的目的在于收集和发送信息，以利于被处理表单的程序所使用
注：隐藏只是在网页页面上不显示输入框，但是虽然隐藏了，还是具有form传值功能。一般用来传值，而不必让用户看到。

基本语法：

<input type="hidden" name="field_name" value="value" />

input中内容不可编辑的三种方法

disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。
示例：<input type="text" disabled="disabled" />
readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
示例：<input type="text" readonly="readonly">
readonly unselectable="on" 该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。示例：<input type="text" readonly unselectable="on" >（还是菜鸟一枚，写的不对的地方欢迎指正！）

input框隐藏和不可编辑相关推荐

elementui中给input框赋值成功后input框不能进行编辑问题
选中一项后,input框不能进行编辑 <el-select v-model="input.memoStyle" placeholder="Log Landlord ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
1. 使input文本框不可编辑的2种方法今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...
html显示隐藏域的值,JavaScript获取文本框/编辑框/隐藏域的值
/p> "http://www.w3.org/TR/html4/loose.dtd"> JavaScript获取文本框/编辑框/隐藏域的值_网页代码站(www.webd ...
js在input框获取焦点展开，失去焦点隐藏案例
js在input框获取焦点展开,失去焦点隐藏,点击内层固定,点击外层收缩事件案例: <!DOCTYPE html> <html> <head><title&g ...
vue点击input框出现弹窗_vue组件实现弹出框点击显示隐藏效果
本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下效果如下图由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v ...
php 点击文本框弹出时间,点击Input框弹出日期选项
点击text文本框弹出日期选择器 body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;} #co ...
js复制input 框中的值
js复制input 框中的值 function copy(){ var Url2=document.getElementById("copyValue"); Url2.select ...
移动端使用页尾文字使用绝对定位遇到input框会飘起来的处理方案
如下版权信息的样式在遇到input框的时候会跟随输入框其后优雅的解决方式:(定位遇上键盘飘窗解决) mounted里面写上:var originalHeight=document.documentE ...
html中的input框中的value值到底是什么
input框中的value值到底是什么,value 属性为 input 元素设定值. 对于不同的输入类型,value 属性的用法也不同: type="button", " ...
html页面input框输入不了,input框不能输入问题
input框不能输入问题今天在写程序设计登录页面的时候遇到了一个问题:输入框不能输入! 就是我写着写着想测试一下功能,就发现输入框不能输入了.???还能出现这种问题??就很疑惑,然后就搜了搜无法输入 ...

input框隐藏和不可编辑

input框隐藏和不可编辑相关推荐

最新文章

热门文章