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

在 HTML5 中，您可以使用 占位符

<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/

Answer 3

在 MVC5 中尝试遵循以下操作：

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