asp.net mvc присваивает значение в freetextbox

Question

в моем файле .cshtml у меня был свободный текст для ввода пользователем.

@Html.EditorFor(model => model.FreeText)

Как я могу присвоить значение в текстовом поле, например «Введите здесь», когда пользователь щелкает текстовое поле,текст по умолчанию исчезнет?

Спасибо

Джо

Answer 1

Try this In View 
<input id="FreeText" name="FreeText" type="text" value="Type Here"/>
also include the java script given below
<script type="text/javascript">
   $(document).ready(function () {
    $('#FreeText').val('Type Here');
    $('#FreeText').focus(function () {
        var vlu = $(this).val();
        if (vlu == '' || vlu == 'Type Here') {
            $(this).val('');
        }
        else {
            var char = $(this).val();
            $(this).val(char);
        }

    });
$('#FreeText').blur(function () {
        var value = $(this).val();
        if (value == '' || value == 'Type Here') {
            $(this).val('Type Here');
        }
        else {
            var char = $(this).val();
            $(this).val(char);
        }
    });
    });
</script>

Answer 2

В MVC5 попробуйте выполнить следующее:

@Html.EditorFor(model => model.FreeText, new { htmlAttributes = new { @placeholder = "Type Here" } })

Answer 3

в HTML5 вы можете использовать placeholder

<input type="text" placeholder="type here" />

http://jsfiddle.net/HMG4W/

или

var placeholder ="Type here";
$(":input").val(placeholder);
$(':input').bind({
  focus: function() {
    $(this).val(" ");
  },
  blur: function() {
    $(this).val(placeholder);
  }
});

http://jsfiddle.net/HMG4W/2/