# value форм в jQuery

Для работы с атрибутом `value` инпутов также можно использовать метод `val`, который позволяет считывать и записывать новые значения.

Рассмотрим пример. Пусть у нас есть следующий HTML код:

`<input type="text" id="test" value="!!!">`

Давайте запишем новое значение `'www'` в атрибут `value`:

`$('#test').val('www');`

HTML код станет выглядеть так:

`<input type="text" id="test" value="www">`

А теперь давайте выведем текущее значение на экран:

`alert($('#test').val());`

Также для метода `val` доступно применение функции к каждому элементу в наборе. Функция принимает первым параметром текущий номер в наборе, а вторым - его текущее значение.

Есть еще один нюанс - для тега `textarea` нельзя получить внутреннее содержимое через метод `html`. Для этого нужно пользоваться методом `val`.

Рассмотрим следующий HTML код:

`<textarea id="test">!!!</textarea>`

в Javascript коде прописываем метод `val`:

`alert($('#test').val()); // выведет '!!!'`

Скорее всего это сделано для однотипности работы с формами.

Установите `value` всех инпутов в `'!'`.

В `value` всех инпутов с классом `number` находятся числа. Сделайте так, чтобы в них стали квадраты этих чисел.

Выведите `value` инпута с классом `in`.

Выведите последовательно `value` каждого инпута.

Выведите содержимое `textarea` с классом `text`.

← →
↑