html如何设置标签input文本框为只读?

html中的input用处很广泛,尤其是当我们在网页开发中需要用到表单的时候。这里我们看看有哪些方法让input标签不可编辑。

操作方法

  • 01

    我们创建一个html5页面,添加如下图所示input标签。创建过程我就不说了,Ctrl+n即可,这里我们创建的是H5的页面,当然,h4的也行。

  • 02

    然后我们在Dreamweaver中切换为实时视图。右侧页面预览中的标签input中,我们可以看到,鼠标光标还是可以在上面进行编辑的。

  • 03

    接下来我们把鼠标光标放到input标签代码中间即可,然后就可以看到Dreamweaver下方出现input标签的属性编辑选项了。如下图,我们把只读勾选即可。然后我们就可以看到input标签代码里面出现了一个readonly,这里我们也可以直接添加这个属性到代码中的。这时候,我们再看,input输入框已经不能输入了。

  • 04

    然后我们再看看另一种方式,就是把input设置为禁用,和刚才的只读一样,我们勾选禁用即可,如下图,input输入框不能进行输入了。

  • 05

    第三种方式,我们还可以设置输入框的焦点事件,如下图,把焦点事件设置成鼠标模糊动作,就可以让输入框获取不到焦点了,自然就无法编辑了。

  • 06

    最后,我们把整体的几个方法放到一起看看。如下图。

(0)

相关推荐

  • 向Excel工作表中添加标签或文本框

    了解标签和文本框 标签是具有以下用途的文本:标识单元格或文本框的作用或者显示说明性文本,例如标题、题注或简短说明。此外,标签还可以显示描述性图片。为了强调文本以及在合并单元格或特定单元格位置不是可行的 ...

  • excel工作表添加标签或文本框的方法

    一些朋友还不知道如何在工作表中添加标签或文本框,我们今天就来为大家讲一下,只适用于Microsoft Office Excel 2007. 一.了解标签和文本框 标签是具有以下用途的文本:标识单元格或 ...

  • 如何设置wps2019演示文本框不按文字自动调整?

    在wps2019演示的PPT演示文稿的编辑页面,当我们插入文本框之后,它默认是随着输入的文字自动调整大小的,文本框过大有时候不是很简洁美观,我们可以通过下面的操作设置它不随文字更改.具体如下:1. 第 ...

  • 怎样设置Word2010的文本框格式

    我们知道在PPT中可以插入文本框,在Word中同样可以插入文本框,有时我们需要对文本框的格式进行设置.具体怎样设置呢?下面和大家分享一下我的. 操作方法 01 第一步:打开Word2010,选中插入页 ...

  • 如何设置PPT的文本框效果转换

    我们在编辑PPT的文本框时,可以通过文本框的效果转换,对文本框内的文字,进行造型的设计. 操作方法 01 我们首先添加一个文本框,在文本框内输入文字. 02 双击点击文本框的边框,系统自动出现格式的按 ...

  • excel文本框透明怎么设置?

    在Excel中有时我们会插入文本框,文本框中会加入一些文字及图片,然而这些文本框会盖住了下面Excel中的文字内容,这时就有必要设置Excel文本框透明,这种透明的文本框才能不影响观看下面的文本内容, ...

  • Word竖排文本框的文字居中对齐方式的设置

    Word的文本框有横排文本框和竖排文本框之分。 当我们在Word文档中插入一个竖排文本框并且在里面输入文字之后,如何让文本框中的文字居中对齐呢? 如下图。 让如上的竖排文本框中的文字在水平方向上居中对 ...

  • word文本框内文字的边距/超链接等设置介绍

    word是最为常用的办公软件,对于我们工作学习有着非常大的帮助,因此了解word,熟悉word,掌握word,是我们必备的技能.这篇经验主要是针对文本框内文字的边距设置,文本框大小与文字关系的设置,以 ...

  • PPT设置默认文本框和形状的方法

    我们在制作PPT的时候经常需要设置默认文本框和形状,下面给大家讲讲具体操作方法.具体如下:1. 第一步,在电脑上打开PPT,然后点击如图所示的"文本框".2. 第二步,插入如图所示 ...