2

我是 stackoverflow 的新手，也是 web 开发的新手。我相信我要做的第一部分应该很容易，但我很难弄清楚。

第一种风格显然以我的背景图像为中心，这似乎工作正常。我接下来要做的是向页面添加 3 个元素。1. 一个图形， 2. 一个固定大小的文本区域，将输入的字符数限制为 300 个字符，以及 3. 一个提交按钮。

我希望所有这些元素都居中。textarea 应该直接居中，图形应该对齐到文本区域的左边缘并在其上方 10px 处，提交按钮应对齐到右侧并在其下方 10px 处。

这是我所拥有的：

html { 

        background: url(field1.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;  

    }

#box {

    position: absolute;
    background-image:url(textarea.png);
    height: 250px;
    width: 550px;
    border-radius: 5px;
    margin: -125px 0 0 -275px;
    top: 50%;
    left: 50%;

}


#button {

    position: absolute;
    background-image:url(button.png);
    height: 55px;
    width: 151px;
    top: 260px;
    left: 399px;
    border-radius: 5px;
}

#graphic {

    position: absolute;
    background-image:url(graphic.png);
    height: 58px;
    width: 184px;
    top: -328px;
    left: -399px;
}


<div id="box"></div>
<div id="button"></div>
<div id="graphic"></div>

我有 3 个 DIV，一个用于我的 HTML 中的每个元素，我想知道如何添加文本区域，以便它只是中心框中的一个光标，限制为 300 个字符。

目前，我只想让所有内容都与 textarea 正常工作。然后我会从框中提交文本，存储它，并用它来做很多事情。任何帮助将不胜感激。谢谢你。

4

1 回答 1

0

像这样？http://jsfiddle.net/zFcHp/3/ - 我将其限制为 10 而不是 300，因为 300 对测试来说真的很烦人:)。只需更改 maxlength 属性。

Also be aware that you STILL need to check the length of the string coming back from the client, since anyone with firebug, or any one of a hundred other tools can unset your limitation on the client side and send you anything they like. They could even download the code for Firefox, and modify it to violate any web standards rule they want then recompile... Never trust the client to enforce anything!

于 2012-09-13T18:45:36.587 回答