html文本框怎么设置只读-html tutorial-php.cn

Rumah

hujung hadapan web

html tutorial

html文本框怎么设置只读

May 14, 2021 pm 03:09 PM

html baca sahaja kotak teks

在html中，可以通过给文本框元素（input或textarea）设置readonly属性来实现只读功能，语法“<input readonly="readonly"/>”或“<textarea readonly></textarea>”。

html文本框怎么设置只读

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在html中，文本框元素有两种：

input
textarea

想要让文本框只读，只需要给文本框元素设置readonly属性即可。

readonly 属性是一个布尔属性。

readonly 属性规定文本区域为只读。

在只读的文本区域中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。

可以设置 readonly 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区域的使用。然后，可以使用 JavaScript 来移除 readonly 属性的值，以使文本区域变为可编辑状态。

示例：

&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
  	&lt;input type=&quot;text&quot; value=&quot;测试文本&quot;/&gt;&lt;br&gt;
  	&lt;input type=&quot;text&quot; value=&quot;测试文本&quot; readonly=&quot;readonly&quot;/&gt;
  	&lt;hr&gt;
  	&lt;textarea&gt;测试文本&lt;/textarea&gt;&lt;br&gt;
  	&lt;textarea readonly&gt;测试文本&lt;/textarea&gt;
  &lt;/body&gt;
&lt;/html&gt;

Salin selepas log masuk

推荐教程：《html视频教程》

Atas ialah kandungan terperinci html文本框怎么设置只读. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn