CSS 文本框 怎么设置只读?

html-css010

CSS 文本框 怎么设置只读?,第1张

1.

文本框标签格式<input

type="text"

/>;

2.

设置文本框为只读属性readonly="readonly";

3.

最终方式:<input

type="text"

readonly="readonly"/>;

如果是文本内容的话,把这一段加在body里就可以了,不用css设置,就像下面那样,这样用户就不可以鼠标右键复制或者ctrl+c

<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()'oncopy="return false" oncut="return false" onbeforecopy='return false' onmouseup='document.selection.empty()'>

两者都起到form表单不能编辑文本框不能输入的作用,区别如下:

1.样式不同

(1)readonly表示只读,一般表示对文字内容只读,即不可更改内容,使用时外观无变(2)disabled表示是残疾,是残废,不管什么内容都会无效;使用时文本框会变灰

2.有效范围不同

(1)readonly只针对input和textarea之类的可以输入的文本有效(2)disabled对所有的表单元素都有效

3.是否获取鼠标标点

(1)readonly为true用户不能编辑但光标可以聚焦(2)disabled为true光标不能聚焦也不可编辑,无鼠标点击或进入等事件

4.是否能够提交数据

(1)readonly不影响表单提交等问题(2)disabled不支持表单等的值被提交