Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы

:read-write | Псевдокласс CSS

Псевдокласс :read-write

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
	12.0+	10.5+	5.0+		2.1+	3.0+

Краткая информация

Применяется	К <input>
Ссылка на спецификацию	http://www.w3.org/TR/css3-ui/#pseudo-ro-rw

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Применяется к полям формы, доступных для изменения. Псевдокласс :read-write является противоположным по своему действию :read-only, который применяется к полям с атрибутом readonly (только для чтения).

Синтаксис

input:read-write { ... }

Значения

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>:read-write</title>
 <style>
 input:read-write {
 border: 1px solid green;
 }
 </style>
 </head>
 <body>
 <form>
 <p><input type="text" size="40" 
 value="Введенный текст не может изменяться" readonly></p>
 <p><input type="text" size="40"
 value="Этот текст может изменяться"></p>
 <p><input type="submit" value="Отправить"></p>
 </form>
 </body>
</html>

Результат примера

Пример 2

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :read-write</title>
<style type="text/css">
<!--
:read-write {
outline:2px solid black;
}
-->
</style>
</head>
<body>
<form action="#" method="post">
<fieldset>
<div>
<label>Ваш логин</label>
<input type="text" />
</div>
<div>
<label>Ваш пароль</label>
<input type="text"  value="777" />
</div>
<div>
<label>Введите пароль</label>
<input type="text" />
</div>
<div>
<label>Ваше сообщение</label><br>
<textarea rows="2" cols="30"></textarea>
</div>
<input type="submit" />
</fieldset>
</form>
</body>
</html>

Результат примера 2.

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Псевдоклассы | Добавил: evkuriy (08.07.2013)

Просмотров: 601 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]