Я хочу установить значение по умолчанию для моего html <textarea>
. В одном из материалов я прочитал, что для добавления значения по умолчанию нужно сделать что-то вроде <textarea>This is default text</textarea>
. Я так и сделал, но это не работает. Как правильно поступить?
Вот мой пример [jsFiddle](
). Все работает нормально:<textarea name='awesome'>Default value</textarea>
Вы можете использовать прототип атрибут, который не'т добавить значение по умолчанию но может быть то, что вы ищете на :
<textarea placeholder="this text will show in the textarea"></textarea>
Проверьте это здесь -
[][3]Важное примечание ( как предположил Джон Храбрый в комментариях ) :
Атрибут placeholder не установить значение текстового поля. А то "атрибут placeholder представляет собой краткий намек (слово или короткую фразу), предназначенных для помощи пользователю при вводе данных, когда элемент управления имеет значение" и [и он исчезает, как только пользователь нажимает на текстовое поле]. Он никогда не будет действовать как "ценность&я по умолчанию; для контроля. Если вы хотите этого, вы должны положить нужный текст внутри <окна>вот фактическое значение по умолчанию будет</textarea в>, а на другие ответы здесь
Если необходимо вывести информацию из базы данных в тег textarea для редактирования: Тег input не для отображения данных, занимающих несколько строк: rows не работает, тег input - одна строка.
<!--input class="article-input" id="article-input" type="text" rows="5" value="{{article}}" /-->
Тег textarea не имеет значения, но прекрасно работает с ручками
<textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea>
Просто в случае если вы используете Angular.js в вашем проекте (как я) и есть НГ-модельнабор для в
<textarea в>`, настройки по умолчанию просто внутри как:
<textarea ng-model='foo'>Some default value</textarea>
...не будет работать!
Вам нужно установить значение по умолчанию для текстового поля'ы НГ-модель в соответствующем контроллер или использовать
НГ-инит`.
Пример 1 (используя НГ-инит
):
в
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', [ '$scope', function($scope){
// your controller implementation here
}]);
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app='myApp'>
<div ng-controller="MyCtrl">
<textarea ng-init='foo="Some default value"' ng-model='foo'></textarea>
</div>
</body>
</html>
в
Пример 2 (без использования НГ-инит
):
в
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', [ '$scope', function($scope){
$scope.foo = 'Some default value';
}]);
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body ng-app='myApp'>
<div ng-controller="MyCtrl">
<textarea ng-model='foo'></textarea>
</div>
</body>
</html>
в
Когда я делаю что-то подобное, это мне помогает:
<textarea name="test" rows="4" cols="6">My Text</textarea>
Кроме того, он работал очень хорошо для меня:
<textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this.select()'>
<?php if (isset($_POST['encode'])) { echo htmlspecialchars($_POST['msg']);} ?>
</textarea>
В данном случае, $_POST, где['кодирования'] пришел с этой:
<input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode">
PHP-код был вставлен между <компонент textarea> и </textarea в> теги.
Несколько замечаний и уточнений:
заполнитель&=#39;'
вставляет свой текст, но он отображается серым цветом (в подсказке формат стиль) и момент щелкнуть это поле, то ваш текст будет заменен на пустое текстовое поле.
значение=''не в
<textarea в>атрибут, и работает только в
<ввод> теги, т. е. в `<тип входного='текст'> и т. д. Я не'т знаю, почему создатели HTML5 и решил не включать, но это'ы так оно и есть сейчас.
Лучший способ для вставки текста в в <textarea в>
элементов была изложена правильно вот как: в <textarea в> необходимый текст, который будет вставлен в поле на странице загрузки, на </textarea в>
когда пользователь нажимает на поле, они могут изменить
текст и остается в поле (в отличие от заполнитель=''
).
Примечание: Если вы вставляете текст между в <компьютер> В
и в </textarea с> теги, вы не можете использовать
заполнитель=''` как он будет перезаписан на ваш вставленный текст.
Заполнитель не может установить значение по умолчанию для текстовой области. Вы можете использовать
<textarea rows="10" cols="55" name="description"> /*Enter default value here to display content</textarea>
Это тег, если вы используете его для подключения к базе данных. Вы можете использовать другой синтаксис, если вы используете другие языки, чем PHP.Для PHP :
например:
<textarea rows="10" cols="55" name="description" required><?php echo $description; ?></textarea>
требуется команда минимизирует усилия, необходимые для проверки пустых полей с использованием PHP.
Вы можете использовать это.innerHTML будет.
в
<textarea name="message" rows = "10" cols = "100" onfocus="this.innerHTML=''"> Enter your message here... </textarea>
в
Когда текстовое поле находится в фокусе, он в основном свойств innerHTML тега textarea пустой строкой.
Обратите внимание, что если вы внесли изменения в текстовое поле, после того, как его сделали; вы получите обновленное значение, а не инициализированное значение.
<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(function () {
$('#btnShow').click(function () {
alert('text:' + $('#addressFieldName').text() + '\n value:' + $('#addressFieldName').val());
});
});
function updateAddress() {
$('#addressFieldName').val('District: Peshawar \n');
}
</script>
</head>
<body>
<?php
$address = "School: GCMHSS NO.1\nTehsil: ,\nDistrict: Haripur";
?>
<textarea id="addressFieldName" rows="4" cols="40" tabindex="5" ><?php echo $address; ?></textarea>
<?php echo '<script type="text/javascript">updateAddress();</script>'; ?>
<input type="button" id="btnShow" value='show' />
</body>
</html>
Как вы можете видеть значение текстовой области будет отличаться от текста между открывающим и закрывающим тегом textarea с беспокойством.
Вы также можете добавить в "ценности" и атрибут и установить, что так-то вот так:
``в JavaScript
<текстовое поле значение="по своей ценности" и> </textarea с>
``