javascript - 我需要直接在右侧使用提交按钮对电子邮件输入进行编码(包括图像)

Question

我需要像这样并排创建一个输入槽/按钮。

它们需要响应浏览器的大小(两侧边距均为 35 像素)。这是针对移动网站的。

我该怎么做？

Answer 1

开始吧:您需要像这样设置按钮的样式:随意在内部设置更多样式。 工作代码:http://jsfiddle.net/73DD2/2/

字段:

<input type="text"value="email address"><input type="submit" value="submit">

风格:

input[type="text"] {
    position: absolute;
    top: 20px;
    width: 70%;
    left: 30px;
    z-index: 2;
    height: 30px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #CCC;
}
input[type="submit"] {
    text-align: right;
    position: absolute;
    top: 20px;
    width: 30%;
    right: 30px;
    z-index: 1;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #CCC;
    height: 34px;
}