Deaktivieren Sie ein Textfeld mit CSS

Deaktivieren, die ein Textfeld, in CSS?
Derzeit sind wir mit einem Textfeld, in unserer Sicht, die kann aktiviert/deaktiviert werden, je nach Eigenschaft im Modell.
Wir haben asp.net MVC-Ansicht, je nach dem Wert der Modell-Eigenschaft, die wir brauchen, um entweder das Rendern einer textbox oder readonly-textbox.
wir dachten, dies zu tun, durch die Anwendung von CSS, um das view-Steuerelement.
Hat jemand dies früher gemacht?

InformationsquelleAutor der Frage Balaji | 2010-03-16

css textbox

52

CSS kann nicht deaktivieren Sie das Textfeld, Sie können jedoch deaktivieren Sie die Anzeige oder Sichtbarkeit.
```
display: none;
visibility: hidden;
```
Oder Sie können auch die HTMLattribute:
```
disabled="disabled"
```
InformationsquelleAutor der Antwort Dustin Laine
50

Können Sie nicht deaktivieren alles mit CSS, das ist ein funktionelles Problem ist. CSS ist lediglich für design-Probleme. Man könnte den Eindruck zu erwecken, eine textbox wird deaktiviert, indem Sie die Einstellung ausgewaschene Farben auf.

Zu eigentlich deaktivieren Sie das element, das Sie verwenden sollten Behinderte boolean-Attribut:
```
<input type="text" name="lname" disabled />
```
Demo: http://jsfiddle.net/p6rja/

Oder, wenn Sie möchten, können Sie dies über JavaScript:
```
document.forms['formName']['inputName'].disabled = true;
```
Demo: http://jsfiddle.net/655Su/

Beachten Sie, dass die deaktivierten Eingänge nicht übergeben Ihre Werte durch, wenn du post-Daten zurück an den server. Wenn Sie möchten, um die Daten aufzunehmen, aber keine direkt zu Bearbeiten, die Sie interessieren können, der in der Einstellung readonly statt.
```
//Similar to <input value="Read-only" readonly>
document.forms['formName']['inputName'].readOnly = true;
```
Demo: http://jsfiddle.net/655Su/1/

Ändert das nichts an der UI von dem element, so müssen Sie selbst erledigen:
```
input[readonly] { 
    background: #CCC; 
    color: #333; 
    border: 1px solid #666 
}
```
Könnte man auch target keine Behinderten-element:
```
input[disabled] { /* styles */ }
```
InformationsquelleAutor der Antwort Sampson
40

können Sie Sie deaktivieren über css:
```
pointer-events: none; 
```
Funktioniert nicht überall aber.

InformationsquelleAutor der Antwort abbie
6

Können Sie nicht deaktivieren Sie ein Textfeld in CSS. Es zu deaktivieren ist nicht eine Präsentations-Aufgabe, die Sie tun müssen, diese im HTML-markup mit dem disabled Attribut.

Können Sie etwas zusammen, indem Sie die textbox unterhalb ein absolut positionierte transparente element mit z-index... Aber das ist einfach nur albern, und Sie würden müssen Sie eine zweite HTML-element sowieso.

Können Sie jedoch Stil deaktiviert text-Boxen (wenn es das ist was du meinst) in CSS mit
```
input[disabled] { ... }
```
ab IE7 aufwärts und in allen anderen wichtigen Browsern.

InformationsquelleAutor der Antwort Pekka 웃

**kopieren Sie einfach fügen Sie diesen code ausführen, sehen Sie die textbox deaktiviert **

<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> 

<style>.container{float:left;width:200px;height:25px;position:relative;}
       .container input{float:left;width:200px;height:25px;}
       .overlay{display:block;width:208px;position:absolute;top:0px;left:0px;height:32px;} 
</style>
 </head>
<body>
      <div class="container">
       <input type="text" value="[email protected]" />
       <div class="overlay">
        </div>
       </div> 
</body>
</html>

InformationsquelleAutor der Antwort ravi tom

3

Weiter auf Pekka Antwort, ich hatte einen Stil "style1" auf einige meiner Textfelder. Sie können erstellen Sie eine "style1[disabled]", so dass Sie einen Stil nur Behinderte Textfelder über "style1" style:
```
.style1[disabled] { ... }
```
Funktionierte ok auf IE8.

InformationsquelleAutor der Antwort GBU
1

Nur versuchen, diese.
```
<asp:TextBox ID="tb" onkeypress="javascript:return false;" width="50px" runat="server"></asp:TextBox>
```
Diese wird nicht erlauben, dass jedes beliebige Zeichen eingegeben werden, innerhalb der TextBox.

InformationsquelleAutor der Antwort Arun Banik

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.