Heim > Web-Frontend > HTML-Tutorial > So machen Sie ein Textfeld in HTML nicht bearbeitbar

So machen Sie ein Textfeld in HTML nicht bearbeitbar

王林
Freigeben: 2023-01-06 11:18:00
Original
7626 Leute haben es durchsucht

Die Möglichkeit, das Textfeld in HTML nicht mehr bearbeitbar zu machen, besteht darin, dem Textfeld ein deaktiviertes boolesches Attribut hinzuzufügen. Das Attribut „disabled“ gibt die Eingabeelemente an, die deaktiviert werden sollen. Disabled-Elemente können nicht verwendet und angeklickt werden.

So machen Sie ein Textfeld in HTML nicht bearbeitbar

Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer.

Wir können das Attribut „disabled“ verwenden, um das Textfeld nicht bearbeitbar zu machen. Das Attribut „disabled“ ist ein boolesches Attribut, das das nur verwenden können, wenn bestimmte Bedingungen erfüllt sind (z. B. das Aktivieren eines Kontrollkästchens usw.). Anschließend können Sie den deaktivierten Wert mithilfe von JavaScript entfernen und das -Element verfügbar machen.

Tipp: Deaktivierte

Hinweis: Das Attribut „disabled“ gilt nicht für .

Codebeispiel:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo_form.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="提交">
</form>

</body>
</html>
Nach dem Login kopieren

Der Laufeffekt ist wie im Bild gezeigt:

So machen Sie ein Textfeld in HTML nicht bearbeitbarVerwandte Empfehlungen:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo machen Sie ein Textfeld in HTML nicht bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage