Question

只能在这里使用Mootools！

好的，我有一个基本的输入框：

<input id='input_box' value='Name' class="validate['required']" />

该课程适用于MooTools地板验证。

所以我想到的是：

1）输入框中包含值的文本。 2）当用户点击输入框时，框的左侧向内滑动（从左到右），现在显示：

名称[输入框]

3）如果用户在没有输入任何内容的情况下点击了框区域，那么它会在框区域内滑动回到其原始位置。

我想这样做：

将文本放在输入框的后面，单击为框大小设置动画，然后淡入该位置的文本。但是，我的Mootools知识非常糟糕，也许是这样的（作为起点）？

        function introFunction() {
        var input = new Fx.Style($('input_box'),'width':'200');
            input.start(200);
    }

然后将其应用于onlick，但它不起作用：/

Answer 1

我使用tween代替Fx。我在标签上没有对输入字段产生影响。

在评论中反馈后编辑
http://jsfiddle.net/47CAH/1/